Cairngorm初学者入门教程

horizontalAlign="right" xmlns:components="ponents.*">
<mx:Script>
<![CDATA[
import org.rianotes.CairngormSample.events.LoginEvent;
Front Controller在这里的角色有点像是Manager，专门负责嘴上工夫的，喔，不，其实是接收Event事件，然后指派给Command去做。
有点像是客户(user)跟业务(view)谈好，然后业务去告诉(Dispatch Event)Manager，然后Manager就很简单的说，丟给阿宅工程师(Command)去处理吧。阿宅工程师很辛苦的处理好后，把结果传给(Model)，然后业务(view)就拿著结果去跟客户(User)讲，你看做好了，感觉怎样？
SampleController:负责将LoginEvent对应到LoginCommand，就是接收到LoginEvent就指派给LoginCommand。
代码如下：
package org.rianotes.CairngormSample.control
{
import com.adobe.cairngorm.control.FrontController;
//因為負責Mapping events與commands這兩塊所以先import進來
import org.rianotes.CairngormSample.events.*;
import mands.*;
//繼承於FrontController
{
model.workflowState = ViewModelLocator.MAIN_SCREEN;
}
else
{
mx.controls.Alert.show("請確認帳號密碼是否正確！？");
}
}
}
}接着我们在control文件夹下新增一个SampleController.as类，让它继承自FrontController。
private function login(e:MouseEvent):void{
var loginEvent:LoginEvent = new LoginEvent(ti_UserID.text,ti_Password.text);
loginEvent.dispatch();
代码如下：
package mands
{
import mands.ICommand;
import com.adobe.cairngorm.control.CairngormEvent;
在实现这个项目上，我们首先建立好项目架构
在项目中建立events,control,commands三个文件夹。
在events文件夹中我们新增一个LoginEvent.as类，让它继承自CairngormEvent.
LoginEvent 让操作发出登陆事件
package org.rianotes.CairngormSample.events
public class SampleController extends FrontController {
public function SampleController() {
this.initialize();
}
public function initialize():void{
Password = submittedPassword;
//透過super class 向監聽器發出此const
super(LOGIN);
}
override public function clone():Event {
return new LoginEvent(UserID,Password);
}
]]>
</mx:Script>
<mx:Form borderStyle="solid" width="100%">
}
}
}然后我们在LoginView.mxml作如下的修改，使用者点击Login Button就会dispatch LoginEvent
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="/2006/mxml"
AMF是Action Message Format协议的简称，AMF协议是Adobe公司自己的协议，主要用于数据交互和远程过程调用，在功能上相当于WebService，但是AMF与WebService中的XML不同的是AMF是二进制数据，而XML是文本数据，AMF的传输效率比XML高。AMF使用HTTP方式传输，目前主要是用于ActionScript中，即实现Flex和Server之间的通信。
public var UserID:String;
public var Password:String;
public function LoginEvent(submittedUserID:String,submittedPassword:String) {
UserID = submittedUserID;
}
}
}
接着我们做一个对应的Command，在commands文件夹下建一个LoginCommand.as类，让它实现ICommand接口。
LoginCommand:接收到LoginEvent后，所需要做的处理。这里就负责将ModelLocator的workflowState值做改变。
//FrontController主要就是用來做Event Mapping的動作
//接收到什麼Event訊息，然後該做什麼Command，由這邊控制
//ADD COMMANDS
this.addCommand( LoginEvent.LOGIN, ;
Command: 操作Cairngorm Business以及呼叫Cairngorm Delegates，这些回传所取得的资料Command会再将它更新到Model Locator
首先介绍Cairngorm 的基本事件流程
使用者在操作View的过程会发出Event，然后由Front Controller来映射指派给对应的Command，Command做完运算处理后会更新ModelLocator的数据，然后View就会更新显示內容。
public class LoginCommand implements ICommand {
public var model:ViewModelLocator = ViewModelLocator.getInstance();
public function LoginCommand(){
Events：通过使用者操作View所产生的事件，或其他设计所产生的事件。
Front Controller：Front Controller 用来映射Command与Events对应，接收Cairngorm Events并将分对应到Cairngorm Commands。
Command：操作Cairngorm Business以及呼叫Cairngorm Delegates，这些回传所取得的资料Command会再将它更新到Model Locator。
本部分，将学习Cairngorm的核心控制流程：
Events:通过使用者操作View所产生的事件，或其他设计所产生的事件。
Front Controller:Front Controller 用来注册Command与Events对应，接收Cairngorm Events并将他对应到Cairngorm Commands
Cairngorm是Flex MVC框架，是一個用actionscript 3.0 编写出來的RIA架构（Framework），用于大型项目开发。（当然小项目也可以使用Cairngorm框架来开发，只是对于小项目来说，用Cairngorm不仅不能体现它的优越性，反而让开发者觉得用Cairngorm是件多余而又麻烦的事情。而使用框架开发的优越性，却体现在大型项目中，它可以使你开发出的程序可维护性增强，可以将一个大项目分解出许多小块，以便让更多的人合作。总之框架是每一个想进入Flex行业进行专业开发必学的东东。）
{
import com.adobe.cairngorm.control.CairngormEvent;
import flash.events.Event;
public class LoginEvent extends CairngormEvent {
public static const LOGIN:String = "Login";
import org.rianotes.CairngormSample.model.ViewModelLocator;
[Bindable]
private var model:ViewModelLocator = ViewModelLocator.getInstance();
Delegate：由Command所产生，将远程呼叫(RPC:remote procedure calls[HTTP, Web Services, etc])实例化，并将结果传回给Command。
Service：用来定义连接Server端的呼叫(RPC:remote procedure calls[HTTP, Web Services, etc])，来获取remote data。