Flex开发规范.doc

Flex开发规范及讲解

TOC\o"1-3"\h\z\uHYPERLINK\l"_Toc283736162"1 箴言 PAGEREF_Toc283736162\h2
HYPERLINK\l"_Toc283736163"2 JLDP中的BaseWidget的应用 PAGEREF_Toc283736163\h2
HYPERLINK\l"_Toc283736164"2.1 BaseWidget的两种方式 PAGEREF_Toc283736164\h2
HYPERLINK\l"_Toc283736165"2.2 在使用Flex模块时有几点需要注意的地方 PAGEREF_Toc283736165\h2
HYPERLINK\l"_Toc283736166"2.3 命名规范 PAGEREF_Toc283736166\h3
HYPERLINK\l"_Toc283736167"2.4 MXML文档规范 PAGEREF_Toc283736167\h3
HYPERLINK\l"_Toc283736168"3 Flex的CSS PAGEREF_Toc283736168\h4
HYPERLINK\l"_Toc283736169"3.1 Flex内的CSS PAGEREF_Toc283736169\h4
HYPERLINK\l"_Toc283736170"3.2 维护样式：组件与样式属性 PAGEREF_Toc283736170\h4
HYPERLINK\l"_Toc283736171"3.3 样式优先权 PAGEREF_Toc283736171\h6
HYPERLINK\l"_Toc283736172"3.4 书写规范 PAGEREF_Toc283736172\h6


箴言
Flex诞生于2003年，相对于传统的HTML规范，它显然是一个新生事物。Flex基于Flash技术，使用基于XML的MXML语言来进行开发。Flex是目前富Internet应用开发的一个生力军，它能够让开发人员开发出与传统HTML页面效果迥然不同的用户界面和应用效果。

最新的Flex版本已经将许多的富Internet应用开发技术、规范和方式集成到了它的SDK中，让开发人员可以通过很简单的语句就实现原本需要十分复杂的代码才能达到的炫酷效果以及强大功能。同时，Flex也支持与很多语言、应用和数据源的集成，让它的扩展能力以及兼容性大大提高。
JLDP中的BaseWidget的应用
BaseWidget是继承了Flex中Module的特有容器，可以实现动态的载入不同的模块。
BaseWidget的两种方式
BaseWidget分为两种，一种是完整的，一种是关联到主程序的，在新建MXML模块时可以选择moduleswfsize。

完整的BaseWidget会将所有用到的引用编译进来因而比较大，这个一般会比较少用到。

关联到主程序的则不会将主程序的引用编译进来，因而会比较小，但是引用别的模块就不同了。
在使用Flex模块时有几点需要注意的地方
BaseWidget内不可以访问别的BaseWidget的对象但是可以访问主程序的对象引用

不要在主程序中创建模块的引用，这样模块还是会被加载到主程序中，模块的意义也就没了。

BaseWidget内的组件的初始化是在ModuleEvent.READY事件之后，所以不能在ModuleEvent.READY事件里直接访问BaseWidget内的组件。

为了在主程序中使用BaseWidget对象来操作BaseWidget内的一些行为，这时可以将BaseWidget对象在主程序中转换成object类型，然后保存引用，或者让module实现一个接口，然后保存该接口的引用。然而使用object类型无法知道内部公开的方法，但使用接口就没有此问题

命名规范
在我们创建BaseWidget的时候，应该注意，文件本身应该用Widget结尾，文件名本身应该尽量表达其功能，但最后不要超过15个字。
MXML文档规范
标准的BaseWidget初始样式应该是这样的。

<?xmlversion="1.0"encoding="utf-8"?>
<BaseWidgetxmlns="jldp.flexviewer.*"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:flexlib="http