Flex实例【Shangle.net】解析【一】

下载了源代码后在FLEX中导入。

首先我们来看它的包结构，主要是src中的三个包：

默认包——存放主界面文件（Home.mxml）

net/shangle包——下属8个子包

assets——资源库

events——事件库

modules——模块库

renderers——外观呈现器

skins——组件皮肤

swc——一个预加载进度动画包

utils——一些验证类和字符串替换

views——自定义组件（视图，在FLEX中我们把组件称为视图）

upload包——都是一些资源文件，应该是上传的位置

下面我们从“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文件。

【待续……】