本文和大家重點討論一下Flex布局規則，主要包括VBox布局，HBox布局，Canvas布局等八種布局規則，相信通過本文的簡單描述，你對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）

【編輯推薦】

1. Flex基礎 Flex布局學習手冊
2. Flex基礎 創建***個Flex項目
3. 解析Flex布局容器的使用
4. FlexBuilder3.0與Eclipse3.4的***結合
5. 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件