接着一个简单的 Cairngorm 框架例子 _01,这节主要是代码的讲解,在了解
了 Cairngorm 框架的原理之后,结合例子讲很快的掌握框架的使用。
1. View(主界面,或调用界面):mxml 文件
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:control="CairngormDemo.business.control.*">
// 注意这个导入不能少
<mx:Script>
<![CDATA[
import CairngormDemo.business.events.LoginEvent;
import CairngormDemo.vo.UserVO;
import CairngormDemo.model.LoginModelLocator;
import mx.controls.Alert;
import com.adobe.cairngorm.control.CairngormEventDispatcher;
private function LoginHandle():void {
if (this.username.text.length == 0 || this.password.text == null){
Alert.show("用户名不能为空!","错误");
} else if (this.password.text.length == 0 || this.password.text ==
null){
Alert.show("密码不能为空!","错误");
} else {
var user:UserVO = new UserVO();
user.username = this.username.text;
user.password = this.password.text;
var ev:LoginEvent = new LoginEvent(user); // 触发事件
(有一个参数)
CairngormEventDispatcher.getInstance().dispatchEvent(ev);/
/通 过 Cairngorm 的事件跳转
}
}
]]>
</mx:Script>
<control:LoginControl id="front"/>// 这个也不能少,跟
最上面的那个导入的包一致
<mx:Panel width="350" height="250" layout="absolute"
horizontalCenter="25" verticalCenter="18" fontSize="13">
<mx:Label x="39" y="25" text="用户名:"/>
<mx:Label x="39" y="73" text="密 码:"/>
<mx:TextInput x="119" y="23" id="username"/>
<mx:TextInput x="119" y="71" id="password"
评论4
最新资源