Flex-容器布局
1、容器布局可以分为绝对布局和相对布局。
1)绝对布局:每一个容器都有它的x,y属性,定位容器的位置。这里值得注意的是这里x,y值是相对于它的父容器。而Application则是程序最外层的一个父容器。
2)相对布局:top,bottom,left,right,horizontalCenter,veritialCenter(容器中心点与组件中心点的垂直像素)。另外,布置相对相素时可通过属性中的Layout进行可视化布局
2、增强约束布局(分割机制)
ConstraintColumn,ConstrainRow.将容器分割成固定行与列。
3、各种容器介绍
1)Canvas:最基本画布容器,功能不是很强大,但性能好
2)VBox,HBox:一种方形容器,通过水平或垂直方式对组件进行排列。
3)Panel:一般作为顶级容器使用,它在窗口的顶部添加了标题和状态栏。并带有边框。
4) ApplicationControlBar和ControlBar:将各种组件进行分组显示。
5)Form:一般用于用户登入界面使用,它的属性标签有FormHeading FormItem组成
6)Grid,Tile:多行的表格容器,区别是Grid允许一行跨多列。
7)Repeater组件:控制重复的一个组件。Repeater还可以关联事件(repeatStart,repeat,repeatEnd)三个事件。
<mx:Repeater id = "myRepeater" dataProvider="{images}">
<mx:Image source="{myRepeater.currentItem.source}"/> //images是一个存储images地址的数组。
</mx:Repeater>