18、d="form1">
55.
56.
57.
58.
59.
19、
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
20、xmlns:mx=" layout="absolute" width="400" height="300" horizontalAlign="center" verticalAlign="middle">
21、rVO;
[Bindable]
private var modelLovator:UserModelLocator=UserModelLocator.getInstance();
//提交的出來(lái)方法
private function submit():void{
var userVO:UserVO=new UserVO;
userVO.userName=this.userName.text;
userVO.password=this.password.text;
var loginEvent:LoginEvent=new
22、LoginEvent(userVO);
CairngormEventDispatcher.getInstance().dispatchEvent(loginEvent);
}
//重置的出來(lái)方法
private function reset():void{
this.userName.text="";
this.password.text="";
}
//返回的處理方法
private function returnToLogin():void{
this.currentState="";
mod
23、elLovator.state="User---Login";
reset();
}
]]>
24、ly="Courier New" fontSize="36" color="#EC175D" id="text1"/>
26、="188" label="return" click="returnToLogin()"/>
27、 horizontalCenter="4" verticalCenter="1" id="form1">
28、Password="true" id="password" text="pass"/>
接下來(lái)我們說(shuō)說(shuō)e
29、vent包，其實(shí)這個(gè)包我們和接下來(lái)說(shuō)的commands包合并，我在這就分開了，為的是使結(jié)構(gòu)更加清晰哈，在event包下我們存放的是我們自定義的事件，比如下面的LoginEvent.as:
Java代碼
1. packageorg.rjb.event
2. {
3. importcom.adobe.cairngorm.control.CairngormEvent;
4.
5. importflash.events.Event;
6.
7. importorg.rjb.vo.UserVO;
8.
9. publicclassLoginEventexten
30、dsCairngormEvent
10. {
11. //定義事件類型常量
12. publicstaticconstLOGIN_EVENT:String="login";
13. //我們可以在這里加入額外的變量，當(dāng)然是我們需要的哈
14. publicvaruserVO:UserVO;
15. publicfunctionLoginEvent(userVO:UserVO)
16. {
17. super(LOGIN_EVENT);
18. this.userVO=userVO;
19. }
20.
21. overridepublicfun
31、ctionclone():Event
22. {
23. returnnewLoginEvent(userVO);
24. }
25. }
26. }
package org.rjb.event
{
import com.adobe.cairngorm.control.CairngormEvent;
import flash.events.Event;
import org.rjb.vo.UserVO;
public class LoginEvent extends CairngormEvent
{
//定義事件類型常量
32、public static const LOGIN_EVENT:String="login";
//我們可以在這里加入額外的變量，當(dāng)然是我們需要的哈
public var userVO:UserVO;
public function LoginEvent(userVO:UserVO)
{
super(LOGIN_EVENT);
this.userVO=userVO;
}
override public function clone():Event
{
return new LoginEvent(userVO);
}
33、
}
}
好了，我們繼續(xù)說(shuō)說(shuō)在command包下的東東哈，在這里的話主要是存放我們自定義的事件一旦發(fā)生的時(shí)候，我們究竟要怎么處理它，所以在這下面是我們自定義的類似監(jiān)聽(tīng)事件的類，但是在這些類中我們一般只相當(dāng)于一個(gè)事件處理的接口，我們會(huì)把真正的處理轉(zhuǎn)交給business中的代理類中，尤其是進(jìn)行遠(yuǎn)程調(diào)用的時(shí)候最常用，下面是我們的LoginCommand類：
Java代碼
1. mand
2. {
3. mands.ICommand;
4. importcom.adobe.cairngorm.control.CairngormEvent;
5.
6. i
34、mportmx.controls.Alert;
7. importmx.core.Application;
8. importmx.rpc.IResponder;
9. importmx.rpc.events.ResultEvent;
10.
11. importorg.rjb.business.LoginDelegate;
12. importorg.rjb.event.LoginEvent;
13. importorg.rjb.model.UserModelLocator;
14.
15. publicclassLoginCommandimplemen
35、tsICommand,IResponder
16. {
17. //引用單例數(shù)據(jù)模型
18. publicvaruserModelLocator:UserModelLocator=UserModelLocator.getInstance();
19.
20. publicfunctionLoginCommand(){
21.
22. }
23.
24. //此處為處理入口，一般我們轉(zhuǎn)交給代理類處理
25. publicfunctionexecute(event:CairngormEvent):void{
26. varloginDelegate
36、:LoginDelegate=newLoginDelegate(this);
27. varloginEvent:LoginEvent=LoginEvent(event);
28. loginDelegate.login(loginEvent.userVO);
29. }
30. //返回的結(jié)果進(jìn)行處理
31. publicfunctionresult(data:Object):void{
32. varresult:String=data.toString();
33. if(result=="OK"){
34. mx.core.Application.app
37、lication.loginPanel.currentState="success";
35. userModelLocator.state="Login---Result";
36. }else{
37. mx.core.Application.application.loginPanel.currentState="fail";
38. userModelLocator.state="Login---Result";
39. }
40. }
41. //處理過(guò)程出錯(cuò)時(shí)的處理
42. publicfunctionfault(info:Object):void{
38、
43. mx.controls.Alert.show(info+"");
44. }
45.
46. }
47. }
package mand
{
import mands.ICommand;
import com.adobe.cairngorm.control.CairngormEvent;
import mx.controls.Alert;
import mx.core.Application;
import mx.rpc.IResponder;
import mx.rpc.events.ResultEvent;
impo
39、rt org.rjb.business.LoginDelegate;
import org.rjb.event.LoginEvent;
import org.rjb.model.UserModelLocator;
public class LoginCommand implements ICommand, IResponder
{
//引用單例數(shù)據(jù)模型
public var userModelLocator:UserModelLocator=UserModelLocator.getInstance();
public function LoginC
40、ommand(){
}
//此處為處理入口，一般我們轉(zhuǎn)交給代理類處理
public function execute(event:CairngormEvent):void{
var loginDelegate:LoginDelegate=new LoginDelegate(this);
var loginEvent:LoginEvent=LoginEvent(event);
loginDelegate.login(loginEvent.userVO);
}
//返回的結(jié)果進(jìn)行處理
public
41、 function result(data:Object):void{
var result:String=data.toString();
if(result=="OK"){
mx.core.Application.application.loginPanel.currentState="success";
userModelLocator.state="Login---Result";
}else{
mx.core.Application.application.loginPanel.currentState="fail";
42、 userModelLocator.state="Login---Result";
}
}
//處理過(guò)程出錯(cuò)時(shí)的處理
public function fault(info:Object):void{
mx.controls.Alert.show(info+"");
}
}
}
再說(shuō)說(shuō)這個(gè)控制類，也就是control包下的類，這個(gè)下面主要是負(fù)責(zé)分發(fā)事件的，我們要把我們的自定義事件和我們的相應(yīng)的處理方法關(guān)聯(lián)起來(lái)，都是在這里進(jìn)行的，通常一個(gè)類就可以了，下面是LoginControl.as的源碼：
Java代碼
1. packag
43、eorg.rjb.control
2. {
3. importcom.adobe.cairngorm.control.FrontController;
4.
5. importorg.rjb.event.LoginEvent;
6. mand.LoginCommand;
7.
8. publicclassLoginControlextendsFrontController
9. {
10. publicfunctionLoginControl(){
11. this.initialiseCommands();
12. }
13.
14.
44、 publicfunctioninitialiseCommands():void{
15. this.addCommand(LoginEvent.LOGIN_EVENT,LoginCommand);
16. }
17. }
18. }
package org.rjb.control
{
import com.adobe.cairngorm.control.FrontController;
import org.rjb.event.LoginEvent;
import mand.LoginCommand;
public class Lo
45、ginControl extends FrontController
{
public function LoginControl(){
this.initialiseCommands();
}
public function initialiseCommands():void{
this.addCommand(LoginEvent.LOGIN_EVENT,LoginCommand);
}
}
}
最后我們就說(shuō)說(shuō)我們的代理類哈，代理類前面已經(jīng)說(shuō)了是我們的真正的處理類，我們把視圖區(qū)的數(shù)據(jù)傳到這里進(jìn)行處理，最好把結(jié)果返回到相應(yīng)的IRe
46、sponsder接口實(shí)現(xiàn)類中，下面是我們的LoginDelegate.as的源碼：
Java代碼
1. packageorg.rjb.business
2. {
3. importmx.rpc.IResponder;
4.
5. importorg.rjb.vo.UserVO;
6.
7. publicclassLoginDelegate
8. {
9. publicvarresponder:IResponder;
10. publicfunctionLoginDelegate(responder:IResponder){
11. this.
47、responder=responder;
12. }
13. publicfunctionlogin(userVO:UserVO):void{
14. varresult:Object;
15. if(userVO.userName=="ljp"&&userVO.password=="pass"){
16. result="OK";
17. }else{
18. result="Fail";
19. }
20. responder.result(result);
21. }
22. }
23. }
package org.rjb.busines
48、s
{
import mx.rpc.IResponder;
import org.rjb.vo.UserVO;
public class LoginDelegate
{
public var responder:IResponder;
public function LoginDelegate(responder:IResponder){
this.responder=responder;
}
public function login(userVO:UserVO):void{
var result:Object;
49、if(userVO.userName=="ljp"&&userVO.password=="pass"){
result="OK";
}else{
result="Fail";
}
responder.result(result);
}
}
}
好了，基本介紹完了，我們可以測(cè)試下了哈，下面是測(cè)試代碼CairngormTest.mxml：
Java代碼
1.
2.
6.
7.
8.
9.
51、view="org.rjb.view.*"
xmlns:control="org.rjb.control.*"
>
,
看看效果吧，當(dāng)我們運(yùn)行的時(shí)候界面是這樣的：
當(dāng)我們點(diǎn)擊submit時(shí)如果成功則出現(xiàn)的結(jié)果是這樣的：
當(dāng)我們輸入的賬號(hào)密碼錯(cuò)誤時(shí)，出現(xiàn)如下的界面：
好了，這Cairngorm的小demo就到這了，希望能讓大家有所收獲...
flex流行mvc框架之cairngorm小試牛刀
