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,出现滚动 ...
随机推荐
- 为什么要使用addEventListener而不是on监听事件
昨天回答了一个关于vue的问题 vue 除了input 其他可以用keyup事件嘛? 在vue中没有提供除表单之外其它的keyup绑定方法,可以使用原生的监控键盘的事件,于是给出了代码: mounte ...
- PATH menu
先上效果图 主界面布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" ...
- [原创]MongoDB综合实例一
CentOS-6.5单机实现mongoDB分片 环境:1)CentOS 6.5系统 2)IP:本机3)MongoDB:MongoDB-linux-x86_64-2.6.1 实现:两个副本集s ...
- .net 利用Emit将object转为DbParameter,DataTable转为List<>
先放测试结果图,测试的方法是拷贝了老赵的一个简单的性能计数器:CodeTimer.发现速度还是比利用反射来获取快了2倍左右的,将object转为DbParameter的反射方法我没写. ...
- Mac OSX 搭建 Apache php mySql phpMyAdmin 开发环境
基本环境和配置 Mac 系统: OS X EI Caption 10.11.4 当前Mac用户名: ceshi 需要熟知的几个基本概念和操作: 1. 新建一个终端默认的是路径是: /Users/当 ...
- 再来写一个随机数解决方案,对Random再来一次封装
本文提供对Random的封装,简化并扩展了其功能 获取随机数,确保同时调用不会重复 //new Random().Next(5); RandomTask.Next(); 从一个列表中,随机获取其中某个 ...
- EntityFramework Core映射关系详解
前言 Hello,开始回归开始每周更新一到两篇博客,本节我们回归下EF Core基础,来讲述EF Core中到底是如何映射的,废话少说,我们开始. One-Many Relationship(一对多关 ...
- [转] .NET领域驱动设计—看DDD是如何运用设计模式颠覆传统架构
阅读目录: 1.开篇介绍 2.简单了解缘由(本文的前期事宜) 3.DomainModel扩展性(运用设计模式设计模型变化点) 3.1.模型扩展性 3.2.设计模式的使用(苦心专研的设计模式.设计思想可 ...
- nodejs构建多房间简易聊天室
1.前端界面代码 前端不是重点,够用就行,下面是前端界面,具体代码可到github下载. 2.服务器端搭建 本服务器需要提供两个功能:http服务和websocket服务,由于node的事件驱动机制, ...
- Cordova各个插件使用介绍系列(五)—$cordovaGeolocation获取当前位置
详情请看:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-5-cordovageolocation/ $cordov ...