解析八大Flex布局規(guī)則
本文和大家重點討論一下Flex布局規(guī)則，主要包括VBox布局，HBox布局，Canvas布局等八種布局規(guī)則，相信通過本文的簡單描述，你對Flex布局規(guī)則有深刻的認識。
Flex布局規(guī)則
1)VBox
子元素沿垂直方向排列；每個子元素都繪制在前一標簽的下方
(2)HBox
子元素沿水平方向排列；每個子元素都繪制在前一標簽的右方
(3)Canvas
Flex布局規(guī)則中按開發(fā)者指定的x坐標和y坐標繪制子元素。如果沒有指定坐標，則所有的子元素都繪制在容器的左上角。例如，如果在Canvas容器中添加一個Button控件而不給Button控件指定x坐標和y坐標，那么按鈕會被呈現(xiàn)在Canvas的左上角，位于默認的(0,0)位置。
(4)Application
通過使用Layout屬性，Application布局能設置成類似VBox、HBox或Canvas容器之中的任何一種方式
(5)Tile
將其子元素排成一個或多個豎列或橫行，在需要時增加新行或新列。所有的Tile容器單元格大小都相同。Flex將Tile容器的單元格排在正方形網(wǎng)格中，每一個單元格內(nèi)放入一個子元素。布局方式由direction屬性決定。
(6)Panel
Flex布局規(guī)則中Box容器的子類，Panel容器可以像VBox、HBox或Canvas容器之中的任何一種那樣布局，這取決于指定的Layout屬性（默認使用layout="absolute"，布局行為與Canvas容器一樣）。除了可以包含子元素，Panel容器還白日做夢了標題欄區(qū)域，可以包含它的標題和狀態(tài)信息。
(7)ControlBar
ControlBar容器可用于將工具欄?？吭赑anel容器或TitleWindow容器的底部。ControlBar容器能以HBox容器或VBox容器的方式布局，這取決于direction屬性（默認值是horizontal）
(8)ApplicationControlBar
ApplicationControlBar容器用于放置在整個應用程序中均能訪問的組件。如果ApplicationControlBar容器是<mx:Application>標簽的***個子元素，且dock屬性為true，剛ApplicationControlBar容器會?？吭趹贸绦蚶L制區(qū)域的頂部，占滿應用程序的***寬度，而且不能隨應用程序滾動而滾動。ApplicationControlBar容器能以HBox容器或VBox容器的方式布局，這取決于direction屬性（默認值是horizontal）
【編輯推薦】
- Flex基礎 Flex布局學習手冊
- Flex基礎 創(chuàng)建***個Flex項目
- 解析Flex布局容器的使用
- FlexBuilder3.0與Eclipse3.4的***結合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件
