Cairngorm: Model Locator用來集中管理程序所需的變量。

?

首先在我們的項目的src文件夾下，建立model文件夾：

?

?

?

?

?

?

?

第二步建立ViewModelLocator.as類。此類必須實現IModelLocator接口。

?

?

?

?

?

?

?

ViewModelLocator.as的代碼如下：

ViewModelLocator.as package org.rianotes.CairngormSample.model
{
import com.adobe.cairngorm.model.IModelLocator;

import mx.collections.ArrayCollection;

[Bindable]
public class ViewModelLocator implements IModelLocator {

// Single Instance of Our ModelLocator
private static var instance:ViewModelLocator;
public function ViewModelLocator(enforcer:SingletonEnforcer) {
if (enforcer == null) {
throw new Error( "You Can Only Have One ViewModelLocator" );
}
}

// 回傳已存的變數
// Returns the Single Instance
public static function getInstance() : ViewModelLocator {
if (instance == null) {
instance = new ViewModelLocator( new SingletonEnforcer );
}
return instance;
}

//在下面定義你要的變數 - DEFINE YOUR VARIABLES HERE
public var contactbook:ArrayCollection = new ArrayCollection();

}
}

// Utility Class to Deny Access to Constructor
class SingletonEnforcer {}

?

?

?

其中構造函數與getInstance()這兩個部分照著寫，大致上不用修改。

它們是用來判斷application中是否已經建立了ViewModelLocator，有的話讀取，沒有的話初始一個。

在同一個application中只能有一個ModelLocator，所有的View都能從此讀取數據。

而[Bindable]的特性，可以讓任一個使用ModelLocator中的變量的地方自動更新。

?

下面的示例是一個通訊錄，將使用者資料存在ModelLocator中
其中將示范，即使在不同的組件中對ModelLocator數據修改，其他的組件也會即時更新。

?

新增三個文件，兩個是MXML 組件。

AddPersonForm.mxml - 用來輸入用戶名與用戶Email地址的From

?

?

?

AddPersonForm.mxml <?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
horizontalAlign="right">
<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.vo.User;
import mx.controls.Alert;
import org.rianotes.CairngormSample.model.ViewModelLocator;
private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();

private function addPerson(e:MouseEvent):void{
if(tiUserID.text && tiEmail.text){
var usercontact:User = new User();
usercontact.UserID = tiUserID.text;
usercontact.Email = tiEmail.text;
modelOne.contactbook.addItem(usercontact);

tiUserID.text = "";
tiEmail.text = "";
}
else{
mx.controls.Alert.show("使用者ID與電子郵件不可為空！");
}
}
]]>
</mx:Script>

<mx:Form borderStyle="solid" width="100%" height="100%">
<mx:FormItem label="UserID :" width="100%">
<mx:TextInput id="tiUserID" width="100%"/>
</mx:FormItem>

<mx:FormItem label="Email: " width="100%">
<mx:TextInput id="tiEmail" width="100%"/>
</mx:FormItem>

</mx:Form>

<mx:Button label="輸入" click="addPerson(event)" />
</mx:VBox>

?

?

?

?

ContactbookGrid.mxml -用來顯示輸入資料的DataGrid

?

?

?

ContactbookGrid.mxml <?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml"
dataProvider="{modelOne.contactbook}">

<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.model.ViewModelLocator;

private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();
]]>
</mx:Script>

<mx:columns>
<mx:DataGridColumn headerText=" - UserID - " width="75" dataField="UserID" />
<mx:DataGridColumn headerText=" - Email - " dataField="Email"/>
</mx:columns>
</mx:DataGrid>

?

?

一個VO(value object)

?

?User.as - 用來記錄User contact info的資料的類。

?

?

User.as package org.rianotes.CairngormSample.vo
{
public class User
{
public var UserID:String;
public var Email:String;

public function User()
{
}

}
}

而其中最重要的是：

?

import org.rianotes.CairngormSample.model.ViewModelLocator; private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();這是每個組件對ModelLocator作初使化的動作，之后Component就能夠從ModelLocator讀取已存在或被修改的變量了。

最後在MXML Application中將components加入

?

?

?

Main.mxml -項目的主文件

?

?

?

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

<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.model.ViewModelLocator;

private var modelOne:ViewModelLocator = ViewModelLocator.getInstance();

]]>
</mx:Script>
<mx:HBox width="500" height="200">
<mx:VBox>
<mx:Label text="{'Number of Contacts: ' + modelOne.contactbook.length}" />
<components:ContactbookGrid width="100%" height="100%" />
</mx:VBox>
<components:AddPersonForm width="100%" height="100%" />
</mx:HBox>

</mx:Application>

轉載于:https://www.cnblogs.com/yangxiao24/archive/2010/05/14/1735034.html

總結

以上是生活随笔為你收集整理的(转)Cairngorm初学者入门教程 第三节－－从使用Model Locator开始学起Cairngorm的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。