flex中的容器

 1 布局容器

 

约束布局：top，left，buttom，right，verticalCenter，horizontalCenter

Canvas：经常使用的容器，直接继承自Container，体积小，灵活。放在里面的元素只能由X，Y来定位。

Hbox: 其内的每一个控件或容器只能按照水平的顺序排列  

Vbox: 其内的每一个控件或容器只能按照垂直的顺序排列

HDividedBox 

HDividedBox容器对子组件进行水平布局, 除了在子级之间插入一个可调整的分割线之外, 它与 HBox 容器很相似。

VDividedBox 

容器对子组件进行垂直布局, 而且也在子级之间插入一个可调整的分割线。

Tile 

Tile容器将子组件按照表格的形式放置，与Grid容器的区别是，Tile容器每个单元格的大小都是一样的，由tileHeight和tileWidth="80"属性确定。Tile容器子组件具体的放置位置由Flex来安排，而Tile容器的宗旨是将所有的子组件都能以横竖排列最佳的位置摆放，由direction属性确定 。比如Tile容器有16个子组件，就将16个子组件以4行4列的位置摆放，如果是15个子组件，也是4行4列摆放，只不过最后一行的最后一列是空着的。 

Grid
Grid容器用来以表格的形式放置组件，好比Html中没有Border的Table。相比较于Tile，Grid能够精确到每一行的对象个数。Grid容器的每一个单元格(cell)都可以放置0个或1个子组件，如果想要在一个单元格中放置多个控件，那么就在这个单元格中再多加一个容器。Grid中使用GridRow来创建行，用GridItem来创建单元格。类似与Html的table，你也可以使用rowSpan,colSpan来合并单元格。 

Repeater：

panel :

是一个具有标题和边框等的容器，常常用来容纳其他的容器。包含标题(title)区域，放置子组件的容器(content)区域，以及边框(border)。content区域有3种形式，分别是横向布局(horizontal)，纵向布局(vertical)，绝对坐标布局(absolute)。Panel会很普遍的与Form结合起来使用，当然还有前面提到的ControlBar组件也是Panel容器中很常用的一个子容器。 

  

TitleWindow
TitleWindow容器继承与Panel容器，所以TitleWindow拥有Panel的所有特性，而不同的是TitleWindow容器是用来做弹出(popup)面板的。  并且有一个关闭按钮

Form 

Form是Web应用最为常见的容器了，常见的有用户注册，帐单信息等。FormHeading用来区分每一组Form信息，如用户注册的过程中，可以指定2个FormHeading分别是必添项目和选添项目。FormItem是Form中具体的某一个项目，包含一个Label和若干个控件。 

  

另外，与Form对应的还有一些列验证的控件（直接设置FormItem的required="true"表示不能为空），比如StringValidator、PhoneNumder、DateValidator、EmailValidator、ZipCodeValidator等。

ApplicationControlBar 

ApplicationControlBar 容器容纳提供全局导航和应用程序命令的组件, 并可以停靠在 Application 容器的上边缘。属性Dock默认为false，这时候只是一个普通控件，长度和宽度都要设置。如果Dock为true，则它一直在Application的顶部而且宽度始终为100%

ControlBar ControlBar 容器将控件置于 Panel 或 TitleWindow 容器的下边缘。

 

2.当航容器

  导航容器的主要作用是用来在多个容器之间进行换。在使用的过程中，需要我们注意的是，导航器容器的直接子级必须是容器, 要么是布局容器, 要么是导航器容器。 无法在导航器内直接嵌套控件；控件必须是导航器容器的子容器的子级。

 

  Accordion Accordion 容器定义一个子面板序列, 但一次仅显示一个面板。 若要导航容器, 用户会单击与他们需要访问的子面板相对应的导航按钮。 使用 Accordion 容器, 用户可以按任何顺序访问子面板以在表单中前后移动。

   TabNavigator TabNavigator 容器创建和管理一组选项卡, 使用它们可在其子级中间导航。 TabNavigator 容器的子级是其他容器。 TabNavigator 容器为每个子级创建一个选项卡。 当用户选中某个选项卡时, TabNavigator 容器会显示相关联的子级。

 

 ViewStack ViewStack 导航器容器由彼此堆叠在一起的子容器的一个集合组成, 一次只有一个容器是可见的或活动的。 ViewStack 容器不为用户定义切换当前活动容器的内置机制；您必须使用 LinkBar、TabBar、ButtonBar 或 ToggleButtonBar 控件或自己在 ActionScript 中构建逻辑让用户来更改当前活动的子级。