Flex 应用开发实战笔记

企业开发基础

查看mxml翻译成的as代码

设置编译参数:
在属性的flex compiler -keep-generated-actionscript=true

源代码路径下generated文件夹

IMXMLObject接口

对于不可视化组件（不是继承于UIComponent）如果实现了IMXMLObject接口，当以标签的方式创建组件时，会自动调用initialized方法，使得不可视对象可以访问它所在的document对象。

MetaData Inspectable的作用：为属性提供一些提示信息，如属性的类型、枚举的合法值、默认值等

客户端MVC

每个功能有一个MXML和AS类文件，as文件实现模型和在模型上的操作（如获取远程数据、排序或过滤）。

Mxml绑定as中的模型对象，如{ }，而模型无需知道视图。

用户操作时，MXML响应事件，调用as中的方法改变数据，再通过绑定机制自动刷新到MXML中。

异步调用

问题：

模型数据不一致：flex不会阻塞当前线程，用户可能会以不同的参数多次对同一个远程调用，由于无法保证返回的顺序，则可能调用的参数和得到的结果不匹配。

反复误操作：异步调用时间长，用户多次点击按钮

解决方法：

弹出一个模式对话框，同时显示提示文字和进度条

Flex企业开发中的主要元素

Flex Application

System Manager

是Flex应用的主控者，是Flash Player实例化的第一个类，存储了主应用窗口的大小和位置信息，子组件、内嵌字体、样式和document对象

Flex编译会只包含两帧，第一帧包含systemManager，preloader，downloadProcessBar和少量工具类。第二帧包含应用代码和内嵌资源。

Creation_complete表示所有的子对象建立完成，application_complete表示全部子对象初始化完成。

Preloader

负责监听Application RSL和模块的下载和初始化状态，并生成相应的进度条事件。默认情况下使用DownloadProgressBar作为系统默认的加载显示类。

加载现实类必须实现IPreloaderDisplay接口

创建自定义的加载显示类

1.
修改默认显示类的属性：继承于DownloadProgressBar，修改属性和覆写方法，并将新的实现类指定给Application的preloader。其中backgroundImage backgroundSize
backgroundAlpha backgroundColor需要覆写get方法， backgroundImage和backgroundColor不能同时设置。

2.
监听加载事件，重新绘图（自行绘制进度条）：集成于DownloadProcessBar，在set preloader中设置监听器

3.
重新实现IPreloaderDisplay接口：继承于Sprite，实现IpreloaderDisplay接口

Application类

是所有显示组件的根，每个UIComponent通过parentApplication指向Application类，以下属性：

pageTitle：页标题，类似于jsp的header

preloader：预加载显示类名

usePreloader：是否显示滚动条

application：指向最上层的Application，在模块中使用

url: swf文件的完整路径，读取该属性，可以获得服务器的名称和页面的参数，通过路径控制权限。

parameters：网页中参数，也可以从url获得，不过这个更方便。访问方式类似于map，如 test.swf?name=hello
通过parameters.name能获得hello

通过SWF Loader加载Application

1.
主应用MainApp

通过 swfloader获得SubApp

Var sub:SubApp=SubApp(SystemManager(loder.content).application)

sub.fun() //调用SubApp的函数

2.
子应用 SubApp

Application.application获得MainApp

Application.application[‘mainLabel’].text=”sss”

实际中，只有父引用了解子应用

跨域访问

访问相同域中的文件不需要任何额外的工作。

如果跨域，

首先配置被访问的swf的跨域策略文件crossdomain.mxml，

其次在as中设置

var lc:LoaderContext=new LoaderContext();

lc.securityDomain=SecurityDomain.currentDomain

运行期共享库RSL

当客户端有多个flex应用，如果都共享一个图片文件、组件和其他资源，用户只需下载一次，可以明显减少主应用文件的大小，如果RSL发生变化，也只需要重新下载该RSL

1.
使用系统的RSL

工程属性-》flex build path->library path->Framework linkage

2.
其他的swc包

Flash builder没找到怎么操作

3.
自定义的swc包

Flex on Java企业应用架构

选择框架

客户端和服务器端使用HttpService和WebService传递少量、数据格式不易变化的数据，大量的通信使用RemoteObject，通过AMF协议，可以直接将actionscript对象作为参数和返回结果。

使用BlazeDS的好处:

1.
支持二进制协议AMF

2.
实现as和java对象的自动转换

系统架构

服务器端：

当C和S中的数据对象不一致时，通常是在Server端再加一层接口RemoteFacade类

Client中的vo和Server中的dto对应，代表参数和返回值，在包名和类名上一致

一个模块对应一个RemoteFacade类

客户端：

Proxy：封装了客户端对Remote Façade的调用代码，作为RemoteFacade的代理，是和RemoteFacade的包名类名相匹配的。

VO：远程方法的参数和返回值

路径规划

{公司路径}/{模块路径}/{类责任}

类责任主要有 vo model view proxy events

主MXML放在Project的根路径下

大规模应用解决方案

减少SWF大小

将库文件和框架文件设为RSL，让swf在需要的时候加载

1.
在一个应用中，应该只有一个Application作为主应用，主应用以动态载入方式打开业务界面，主应用主要存储登录信息及其他全局公用信息，如消息流、权限等

2.
业务界面应该由Module类实现，以便于分工实现

3.
主和业务界面依赖的公共类库放在RSL中

4.
对于每个业务模块有三个工程Flex Project Java Flex Library Project，有利于提取公有代码和分工合作

应用开发实例

开发环境

常常将服务器端工程、客户端工程和客户端Library工程三部分分开，便于分工合作和加快编译速度。

Flex SDK包文件分为 External、Merged into code和RSL三种类型，采用原则是如果包文件Flash虚拟机已经提供，则采用External类型；如果工程没有引用包中的任何类，则采用Merged
into code；如果引用了包中的类，则使用RSL类型，包链接类型如下：

框架部分、flex-lib是RSL，如果flex unit没有使用，则为merge
into code

客户端数据过滤

从服务器获取数据后，可以在客户端对数据进行过滤，思路如下：

设置grid.filterFunction=onFilter; //参数item:Object
为该行对应数据

刷新grid.refresh();

设置过滤函数为Null grid.filterFunction=null;
不影响后续的操作

客户端定位

在返回结果中进行查找，对查找到得结果高亮显示，思路如下：

设置grid.selectedIndex
为查找到得行号

滚动到该行 grid.scrollToIndex(index)

设置为焦点 grid.setFocus()

使用户等待远程调用结束

用户希望看到进度；后续操作的前提是本次操作的结果。

实现方法：

创建组件：能同时监控多个操作或任务的进度，并能支持在操作或任务进行中锁定用户界面。当然通过程序启动、更新状态和停止进度监控的功能是必不可少的，具体实现参考代码。

设置RemoteObject busy属性为true

身份认证功能

在java的login中，FlexContext.getHttpRequest()
可以得到客户端请求的request。 FlexContext.getFlexSession()
可以得到session对象

Flex部署到应用环境

解决Flex所在工程改完工程名后flex需要重新编译。需要修改 web.xml加入FlexDispatcher.java
；创建FlexDispatcher.java; flex工程中创建RemoteObject.as；其他as文件使用该RemoteObject完成远程访问