Flex Robotlegs
Flex Robotlegs
一.基于Robotlegs框架 flex应用基本组成
- ProjectNameContext.as
- 用于配置 Robotlegs 的映射
- ProjectName.mxml
- 应用的根视图 ,并且负责初始化 ProjectNameContext
- ProjectName-app.xml
- 应用的基础配置
- Controller
- Service
- Mediator
- 模块控制器
- View
- Model
- Event
二.组件使用
1.ProjectNameContext
①继承 Context类
②重写构造器
public function ProjectNameContext(contextView:DisplayObjectContainer=null, autoStartup:Boolean=true){
super(contextView, autoStartup);
}
autoStartup 用以设定是否自定执行 autoStartup()方法
③重写startup 方法 一般用于配置各种注入关系
override public function startup():void{
//Controller 此处应该默认为事件派发器的事件
commandMap.mapEvent(LoginEvent.LOGIN_EVENT, LoginCommand);
//Model 注入Model
injector.mapSingleton(UserModel);
//Services 指定接口,对应的注入类
injector.mapSingletonOf(ILoginService, AppLoginService);
//View 为模块控制器 注入对应视图
mediatorMap.mapView(LoginView, LoginMediator);
mediatorMap.mapView(RootView, RootMediator);
//Startup complete
super.startup();
}
④初始化
在应用的根视图 ProjectName.mxml下调用
<fx:Declarations>
<!-- 应用的MVC配置类初始化 -->
<local:ProjectNameContext contextView="{this}"/>
</fx:Declarations>
2.Controller
①继承Command
②重写构造器
public function ControllerNameCommand(){
super();
}
③注入 Event,Service,Model
④重写execute()方法
3.Service
- 编写接口
- 继承Actor
- 实现接口
- 注入所需类
- 编写相关方法
4.Mediator
①继承 Mediator
②注入对应视图,model
③重写构造器
public function LoginMediator(){
super();
}
④重写onRegister()
override public function onRegister():void {//注册事件
//注册组件事件绑定
// 事件源 事件 处理方法
eventMap.mapListener(loginView, LoginEvent.LOGIN_EVENT, loginBtnClickHandler);
eventMap.mapListener(eventDispatcher, LoginEvent.LOGIN_FAILED_EVENT, loginFailedCallBack);
eventMap.mapListener(eventDispatcher, LoginEvent.LOGIN_SUCCESS_EVENT, loginSuccessCallBack);
}
⑤添加需要的函数
⑥事件转发
5.Model
- 继承Actor
- 注入时,使用[Bindable]动态绑定
6.Event
- 继承event
- 添加所需的属性
- 重写构造器
- 注意事项:
service 转发事件 用 dispatch(event);
Mediator 用 eventDispatcher.dispatchEvent(event);
视图事件只能转发到Mediator
事件先派发到controller,再到达Mediator
Flex Robotlegs的更多相关文章
- Flex入门(三)——微架构之Cairngorm
大家都知道我们在开发后台的时候,都会使用MVC,三层等分层架构,使后台代码达到职责更为分明单一,高内聚低耦合,比如,Dao层仅仅是进行和数据库打交道,负责处理数据:Service(B层)仅仅是进行逻辑 ...
- [转]Flash、Flex、AS3.0框架及类库资源收集之十全大补
原文地址:http://www.d5power.com/portal.php?mod=view&aid=27 APIs.Libs.Components1.as3ebaylibhttp://co ...
- OpenCASCADE Expression Interpreter by Flex & Bison
OpenCASCADE Expression Interpreter by Flex & Bison eryar@163.com Abstract. OpenCASCADE provide d ...
- Flex 布局教程:语法篇
作者: 阮一峰 网页布局(layout)是CSS的一个重点应用. 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性.它对于那些特殊布局非常不方便 ...
- Flex 布局教程:实例篇
该教程整理自 阮一峰Flexible教程 今天介绍常见布局的Flex写法.你会看到,不管是什么布局,Flex往往都可以几行命令搞定. 我的主要参考资料是Landon Schropp的文章和Solved ...
- CSS布局之div交叉排布与底部对齐--flex实现
最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下: 而在手机(分辨率小于等于768px)上要求这样排列: 我想到了两种方 ...
- Flexible 弹性盒子模型之flex
实例 让所有弹性盒模型对象的子元素都有相同的长度,忽略它们内部的内容: #main div { flex:1; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号. 紧跟 ...
- 信息系统实践手记6-JS调用Flex的性能问题一例
说明:信息系统实践手记系列是系笔者在平时研发中先后遇到的大小的问题,也许朴实和细微,但往往却是经常遇到的问题.笔者对其中比较典型的加以收集,描述,归纳和分享. 摘要:此文描述了笔者接触过的部分信息系统 ...
- flex自适应高度内容高度超出容器高度自动出现滚动条的问题
在容器中设置 flex-grow:2; overflow-y:auto;overflow-x:hidden;容器高度自适应. 内容高度不固定,无法出现滚动条,然后在容器中添加height:0,出现滚动 ...
随机推荐
- FutureTask——另一种闭锁的实现
关于多线程,我们接触对多的,最基础,入门的可能就是实现Runnable接口继承Thead类,因为Java单继承的原因,通常建议是实现Runnable接口.但这种"简单"的线程会带来 ...
- bootstrap学习笔记之为导航条添加标题、二级菜单及状态 http://www.imooc.com/code/3120
为导航条添加标题.二级菜单及状态 加入导航条标题 在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过" ...
- Ubuntu安装中文输入法
如果你没有因为各种尝试搞乱了Ubuntu系统的话: 1. 在All Settings 里找到 Language Support, Install/Remove Languages里安装Chinese ...
- How to parse project properties or how to parse files with key-value pair
If a file has content like raven.enabled = false raven.host = "localhost" raven.port = 808 ...
- swift学习 - tableView自适应高度2(SnapKit Layout)
SnapKit是Swift中自动布局的框架,相当于Objective-C中的Masonry 下面是tableView自定义cell,使用SnapKit布局的效果图: 详细代码如下: TYCustomC ...
- [netty源码分析]3 eventLoop 实现类SingleThreadEventLoop职责与实现
eventLoop是基于事件系统机制,主要技术由线程池同队列组成,是由生产/消费者模型设计,那么先搞清楚谁是生产者,消费者内容 SingleThreadEventLoop 实现 public abst ...
- Html5模拟通讯录人员排序(sen.js)
// JavaScript Document var PY_Json_Str = ""; var PY_Str_1 = ""; var PY_Str_2 = & ...
- Nmap原理-01选项介绍
Nmap原理-01选项介绍 1.Nmap原理图 Nmap包含四项基本功能:主机发现/端口扫描/版本探测/操作系统探测.这四项功能之间存在大致的依赖关系,比如图片中的先后关系,除此之外,Nmap还提供规 ...
- charles连接手机抓包
写给我自己: 如果是使用charles抓包.一定要tm的保证手机和电脑连的是一个网. 1.proxy setting,查看charles,端口 2.勾选 3.ipconfig,查看自己电脑的ip地址 ...
- ACL2016信息抽取与知识图谱相关论文掠影
实体关系推理与知识图谱补全 Unsupervised Person Slot Filling based on Graph Mining 作者:Dian Yu, Heng Ji 机构:Computer ...