(转)Cairngorm初学者入门教程 第四节－－通过 Model Locator 控制管理 Views

Cairngorm: Views
就是使用者最直观看到的显示，包含了button, panel… 等所组成的视图，它从Model Locator中取得数据，通过Cairngorm Events与用户产生互动。

在这个部分，我们利用ModelLocator控制ViewStack来切换View。

首先我们先在ViewModelLocator.as 中加入

public var workflowState:uint = 0;

用来记录ViewStack中，显示哪个View。

再加入下面静态常量，让程序提高可读性。

public static const LOGIN_SCREEN:uint = 0;
public static const MAIN_SCREEN:uint = 1;

整个ViewModelLocator.as的代码为：

Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:view="org.rianotes.CairngormSample.view.*"
layout="absolute" >

<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.model.ViewModelLocator;
[Bindable]
private var model:ViewModelLocator = ViewModelLocator.getInstance();

]]>
</mx:Script>
<mx:ViewStack id="vsMain" width="100%" height="100%"
selectedIndex="{model.workflowState}">

<!--第0個View-->
<view:LoginView />

<!--第1個View-->
<view:MainView />
</mx:ViewStack>
</mx:Application>