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

【待续……】

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...