下载了源代码后在FLEX中导入。
首先我们来看它的包结构,主要是src中的三个包:
net/shangle包——下属8个子包
assets——资源库
events——事件库
modules——模块库
renderers——外观呈现器
skins——组件皮肤
utils——一些验证类和字符串替换
views——自定义组件(视图,在FLEX中我们把组件称为视图)
下面我们从“Home.mxml”开始。
首先从结构层次上分析,该文件中的主要节点(组件/视图)如下:
s:Application——整个应用;fx:style——类似网页的CSS,定义样式;fx:Script——AS代码实现;s:Layout——整体布局;s:states——场景设置;s:Transitions——场景的转换特效设置;s:Scroller——整个应用界面的滚动条(下属主要的布局界面)
其次在这些组件布局上,主要是s:Scroller里面的子组件的布局。一些常规的image、button相对比较简单,主要有三个views和五个Module比较复杂后面将一一做介绍。这些组件分别对应views包和modules包中的mxml文件。
【待续……】