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>

posted @ 2011-04-10 11:00  木之源  阅读(550)  评论(0编辑  收藏  举报