解析八大Flex布局规则

    flex布局规则
1)vbox
子元素沿垂直方向排列；每个子元素都绘制在前一标签的下方
(2)hbox
子元素沿水平方向排列；每个子元素都绘制在前一标签的右方
(3)canvas
flex布局规则中按开发者指定的x坐标和y坐标绘制子元素。如果没有指定坐标，则所有的子元素都绘制在容器的左上角。例如，如果在canvas容器中添加一个button控件而不给button控件指定x坐标和y坐标，那么按钮会被呈现在canvas的左上角，位于默认的(0,0)位置。
(4)application
通过使用layout属性，application布局能设置成类似vbox、hbox或canvas容器之中的任何一种方式
(5)tile
将其子元素排成一个或多个竖列或横行，在需要时增加新行或新列。所有的tile容器单元格大小都相同。flex将tile容器的单元格排在正方形网格中，每一个单元格内放入一个子元素。布局方式由direction属性决定。
(6)panel
flex布局规则中box容器的子类，panel容器可以像vbox、hbox或canvas容器之中的任何一种那样布局，这取决于指定的layout属性（默认使用layout="absolute"，布局行为与canvas容器一样）。除了可以包含子元素，panel容器还白日做梦了标题栏区域，可以包含它的标题和状态信息。
(7)controlbar
controlbar容器可用于将工具栏停靠在panel容器或titlewindow容器的底部。controlbar容器能以hbox容器或vbox容器的方式布局，这取决于direction属性（默认值是horizontal）
(8)applicationcontrolbar
applicationcontrolbar容器用于放置在整个应用程序中均能访问的组件。如果applicationcontrolbar容器是<mx:application>标签的第一个子元素，且dock属性为true，刚applicationcontrolbar容器会停靠在应用程序绘制区域的顶部，占满应用程序的最大宽度，而且不能随应用程序滚动而滚动。applicationcontrolbar容器能以hbox容器或vbox容器的方式布局，这取决于direction属性（默认值是horizontal）