微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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文件

【待续……】

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐