1)vbox
子元素沿垂直方向排列；每個子元素都繪製在前一標籤的下方
(2)hbox
子元素沿水平方向排列；每個子元素都繪製在前一標籤的右方
(3)canvas
按開發者指定的x座標和y座標繪製子元素。如果沒有指定座標，則所有的子元素都繪製在容器的左上角。例如，如果在canvas容器中新增乙個button控制項而不給button控制項指定x座標和y座標，那麼按鈕會被呈現在canvas的左上角，位於預設的(0,0)位置。
(5)tile
將其子元素排成乙個或多個豎列或橫行，在需要時增加新行或新列。所有的tile容器單元格大小都相同。flex將tile容器的單元格排在正方形網格中，每乙個單元格內放入乙個子元素。布局方式由direction屬性決定。
(6)panel
box容器的子類，panel容器可以像vbox、hbox或canvas容器之中的任何一種那樣布局，這取決於指定的layout屬性（預設使用layout="absolute"，布局行為與canvas容器一樣）。除了可以包含子元素，panel容器還白日做夢了標題欄區域，可以包含它的標題和狀態資訊。
(7)controlbar
controlbar容器可用於將工具欄停靠在panel容器或titlewindow容器的底部。controlbar容器能以hbox容器或vbox容器的方式布局，這取決於direction屬性（預設值是horizontal）
FLEX容器的布局規則
vbox 子元素沿垂直方向排列。每個子元素都會繪製在前乙個子元素的下方。hbox 子元素沿水平方向排列。每個子元素都會繪製在前乙個子元素的右方。canvas 按開發者指定的x座標與y座標繪製子元素。如果沒有指定座標，則所有的子元素都繪製在容器的左上方。例如，如果在canvas中新增乙個button控...
flex布局 Flex布局
摘要 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序 以最佳方式填充可用空間 主要是為了適應所有型別的顯示裝置和螢幕大小 作者 星星 flex 是 flexible box 的縮寫，意為 彈性布局 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序...
解析八大Flex布局規則
b flex布局規則 b b 1 vbox b 子元素沿垂直方向排列 每個子元素都繪製在前一標籤的下方 b 2 hbox b 子元素沿水平方向排列 每個子元素都繪製在前一標籤的右方 b 3 canvas b flex布局規則中按開發者指定的x座標和y座標繪製子元素。如果沒有指定座標，則所有的子元素都...