flex常用的容器

1.Application

??Application 是一个特殊的容器，包含了整个程序的所有元素。

????1）.layout属性

??????通过容器的layout属性来设置布局方式，主要包括以下3种：

??????（1）vertical – 从上至下依次将子元素垂直放置在单一一列中，元素的位置由horizontalAlign和verticalAlign控制。

??????（2）horizontal – 从左至右依次将子元素水平放置在单一一行中，元素的位置由horizontalAlign和verticalAlign控制。

??????（3）absolute – 通过设置每个子元素的x/y属性来定位每个子元素，horizontalAlign水平对齐和verticalAlign垂直对齐不起作用。

????2）.Constraint layout 约束布局，只能在layout属性值为absolute才能使用,具有这一特性的容器有：?Application、Canvas、Panel和Panel的子类TitleWingdow

??????horizontalGap 水平间距

??????vericalGap 垂直间距

??????paddingTop 顶部边距

??????paddingLeft 左边距

??????paddingRight?右边距

??????paddingBottom 底边距

2.Canvas

??在它里面的元素只能由X,Y来定位。如果元素超出 Canvas 的区域范围， Canvas 会自动增加滚动条。每个容器默认情况下都会自动带滚动条。

??注：发生重叠的情形

?

3.VBox 和 HBox

??Vbox内的元素垂直方向分布，而HBox水平方向分布。

??通过horizontalAlign和verticalAlign控制容器内的元素对齐方式。

?

4.DividedBox

??它有两个子类：HDividedBox和VDividedBox。类似于HBox和VBox，多了在子级元素之间增加了可以拖动的分割块。拖动分割块可以动态的调整分割块附近元素的长宽。

?

5.Panel

??Panel具有Canvas HBox Vbox的所有功能,

??如果Panel的layout属性值为 absolute则Panel对子级元素的布局方式和Canvas一样,当为 horizontal时则相当于 HBox 为vertical时则相当于VBox

?

6.TitleWindow

??TitleWindow继承自Panel,与Panel相比,它只多了一个对象,那就是关闭按

?

7.Tile

??Tile直接继承Container,适合重复排列的元素和大批量的相同大小的控件布局

??direction属性值为 horizontal其子级元素的布局方向为水平方式

??tileWidth 和tileHeight属性用来控制每一个子级对象的长和宽

?

8.Grid

??Grid 继承自Box，类似于HTML中的Table，由行和单元格组成。单元格中可以包含其他元素。行必须为GridRow对象，每个单元格必须为GridItem对象。两者继承自HBox。

??colSpan 表示单元格所占的横向格数，rowSpan 表示单元格所占的纵向行数。类似于HTML的Table。

?

9.Accordion

??Accordion是一个可折叠的导航器,包含一个子面板列表，但一次仅显示一个面板。它跟我们平常所说的OutLook Bar效果是一样

??selectedChild 和 selectedIndex??表示当前显示的子元素和显示元素的索引号，可以利用这两个属性来控制组件的显示内容。

?

10.ViewStack

??由若干重叠在一起的子容器组成，每次只有一个容器是可见或活动的。

??我们可以通过两种方式显示容器 一种是指定 ViewStack的 selectIndex值 子容器的下标由0开始,另一种是指定 selectChild当然这种情况需要指定子容器的id

??一般用来做向导类的应用。就是有那种下一步下一步的。

?

11.TabNavigator

??继承自ViewStack，提供了用户切换内容的界面接口。 提供了Tab选项卡导航,不需要我们用代码实现子容器的显示。

?

12.Form

??继承自Container，主要是用于前后台交互，相关的组件还有FormItem 和 FormHeading。

??FormHeading 表示表的标题，这里也可以放置顶部的导航控制。

??FormItem 可以容纳多个组件，且组件的布局方向有 horizontal 和 vertical。FormItem 还有一个属性required 表示本栏的值是否为空。

??还提供了表单验证 例如：StringValidator 字符验证 、PhoneNumberValidator 电话号码验证等等。

http://blog.sina.com.cn/s/blog_62b728e10100rold.html