puremvc框架之Command
在前一篇 puremvc框架之hello world! 里,已经对这个框架有了一个大概的认识,不过在消息的处理上,有一个不太适合的地方:
为了完成响应消息,TextMediator亲自去监听自己感兴趣的消息类型,然后亲自来处理。要知道:Mediator属于View层(即:MVC中的V),它最好是什么也不干,仅仅与界面保持联系即可,对于如何响应消息这类粗活,应该交由Controller层(即MVC中的C)来处理最适合不过,所以这一章介绍如何把消息处理由V(View)转移到C(Controller)上来。
对于每类消息,我们可以创建一个与之对应的Command,以上回的CHANGE_TEXT消息类型来说,我们可以创建一个ChangeTextCommand,代码如下:
package mvc.controller
{
import mvc.view.TextMediator;
import org.puremvc.as3.interfaces.INotification;
import org.puremvc.as3.patterns.command.SimpleCommand;
public class ChangeTextCommand extends SimpleCommand
{
public function ChangeTextCommand()
{
super();
}
public override function execute(notification:INotification):void{
(facade.retrieveMediator(TextMediator.NAME) as TextMediator).txtInstance.text = notification.getBody() as String;
}
}
}
关键在于(facade.retrieveMediator(TextMediator.NAME) as TextMediator).txtInstance.text = notification.getBody() as String;这一句,它就是用来处理消息的,同时我们也注意到txtInstance原来为private属性,为了能让外部访问,必须改成public方法,修改后的TextMediator.as如下:
package mvc.view
{
import spark.components.TextInput;
import mvc.AppFacade;
import org.puremvc.as3.interfaces.IMediator;
import org.puremvc.as3.interfaces.INotification;
import org.puremvc.as3.patterns.mediator.Mediator;
public class TextMediator extends Mediator implements IMediator
{
public static const NAME:String = "TextMediator";
public function TextMediator(viewComponent:TextInput)
{
super(NAME,viewComponent);
}
/*
public override function listNotificationInterests():Array{
return [AppFacade.CHANGE_TEXT];
}
//响应消息
public override function handleNotification(notification:INotification):void
{
switch(notification.getName()){
case AppFacade.CHANGE_TEXT:
this.txtInstance.text = notification.getBody() as String;
break;
}
}
*/
//获取与之关联的UI界面上的“文本输入框”
public function get txtInstance():TextInput{
return viewComponent as TextInput;
}
}
}
有了ChangeTextCommand处理CHANGE_TEXT消息后,TextMediator中就不需要亲自来监听并处理该消息了,所以把这部分去掉,同时把txtInstance改成public即可。
好了,最后一个问题:如何把ChangeTextCommand跟puremvc中的facade实例联系起来呢?
package mvc.controller
{
import mvc.view.ButtonMediator;
import mvc.view.TextMediator;
import org.puremvc.as3.interfaces.INotification;
import org.puremvc.as3.patterns.command.SimpleCommand;
import mvc.AppFacade;
public class AppCommand extends SimpleCommand
{
public function AppCommand()
{
super();
}
public override function execute(inote:INotification):void
{
var _main:main=inote.getBody() as main;
facade.registerMediator(new TextMediator(_main.txtResult));
facade.registerMediator(new ButtonMediator(_main.btnSend));
//注册ChangeTextCommand
facade.registerCommand(AppFacade.CHANGE_TEXT,ChangeTextCommand);
}
}
}
注意加注释的行:facade.registerCommand(AppFacade.CHANGE_TEXT,ChangeTextCommand); 这样就行了,因为AppCommand是在AppFacade中被注册的,所以把ChangeTextCommand的注册加到AppCommand中后,ChangeTextCommand就跟facade联系起来了。
注:本文内容参考了http://bbs.9ria.com/viewthread.php?tid=58719
源文件下载:http://cid-2959920b8267aaca.office.live.com/self.aspx/flex/puremvc^_command.fxp (下载后,直接用Flash Builder 4导入即可)
- Python 黑帽编程 4.2 Sniffer之数据本地存储和加载
- 老司机教你下载tumblr上视频和图片的正确姿势
- 总结CSS3新特性(媒体查询篇)
- 总结CSS3新特性(选择器篇)
- python无线网络安全入门案例【翻译】
- 总结CSS3新特性(颜色篇)
- RedTigers Hackit SQL 注入题解
- 【翻译】旧技术成就新勒索软件,Petya添加蠕虫特性
- [翻译]整合鼠标、触摸 和触控笔事件的
- co源码解读
- textarea的中文输入判断与搜狗输入法的特殊行为
- 修改input框默认黄色背景
- 微信公众号复制的图片可以正常显示的办法
- 不明恶意攻击致<搜狗搜索><搜索结果>跳转<百度搜索>技术原理分析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 手把手教你启用Win10的Linux子系统(图文超详细)
- Android onCreateOptionsMenu的使用方法总结
- android截图事件监听的原理与实现
- 我常用的一些linux命令小结
- linux下安装mongodb教程
- Android中使用TagFlowLayout制作动态添加删除标签
- Android时间对话框使用方法详解
- Ubuntu基础设定:openssh-server的安装和使用介绍
- Android ProgressDialog的实例详解
- linux下获取文件的创建时间与实战教程
- Android 判断网络状态及开启网路
- Android判断后台服务是否开启的两种方法实例详解
- 在CentOS7上搭建Jenkins+Maven+Git持续集成环境的方法
- Linux 实现定时文件占用磁盘空间大小操作方法
- Android开发之文件操作详解