前言：也就是容器裡，子控制項的位置。
向容器裡面新增ui元件的時候，需要定義其布局屬性。layouts會告訴容器如何去安排子元件的位置。 使用布局的前提是，元件本身必須是ext.container.container或其子類(只有這些控制項才有布局屬性)。 所有布局類都繼承自ext.layout.container.container，看一下繼承鏈：
在設定的布局屬性的時候，string或者json型別都ok：
layout: 'auto'
//or
layout:
布局方式
名字描述
absolute
絕對布局
該布局繼承自錨定布局。通過x，y配置選項將元件定位到座標上。
accordion
手風琴布局
像層疊的手風琴一樣管理多個面板(panel)，預設情況下，多個面板中只有乙個處於展開狀態。
anchor
錨定布局
依賴於容器的」錨」自動調整。參見錨定規則。規則包括：百分比式(percentage,例：anchor:』100% 50%』 )、偏移量式(offsets,例：anchor:』-50 -100』 )、指定邊式(sides,例：anchor:』right』)以及混合式(mixed,例：anchor:』-50 75%』)
auto
自動布局(預設)
寫不寫沒什麼區別。
border
邊界布局
按照「東南西北中」的五個區域布局，邊界四個區域可以摺疊，中間區域必不可少。
card
卡片布局
像切牌一樣，雖然有多個子控制項，但是每次只能看到乙個。經常用於頁面的「嚮導」製作(也就是常見的「下一步」)。
fit自適應布局
容器裡面只有乙個控制項，則容器隨著控制項大小自動變化。
form
表單布局
分散對齊的方式，label左對齊，input右對齊，整體撐滿容器寬度。
hbox
水平布局
子容器在高度上保持一致。
vbox
垂直布局
子容器在寬度上保持一致。
table
**布局
通過rowspan和colspan拼出**。
網頁布局layout
網頁常見的布局有一般一欄 兩欄 三欄現在從一欄說起 css 大家都知道一框架居中margin 0px auto 和margin left auto margin right auto 都是可以 大家可以看看bootstrap框架一般用的後免得方法 html 兩欄 css 一般從學習的時候別人就跟我們...
Extjs 12種布局方式
按照extjs的4.1的文件來看，extjs的布局方式大致有12種，下面一一介紹，有些 就是文件中的。1.border 邊界布局 border布局，最多可以將頁面分割為 東南西北中 五部分，是最常用的一種布局方式。我們可以根據專案的實際需求保留其中的部分區域，而將其他部分隱藏掉。12 1.1效果圖預...
qt入門 layout布局
開發乙個圖形介面應用程式，介面的布局影響到介面的美觀。在設計乙個介面之前，應該考慮到開發的介面可能給不用的使用者使用，而使用者的螢幕大小 縱橫比例 解析度可能不同，介面還可能是可縮放的，程式應該可以適應這些變化。前面的程式中都是使用setgeometry 方法定位控制項的位置，這個方法比較笨拙。試想...