1、先看幾個布局效果,動態(tài)圖片來自【龜山Aone】的博客:https://www.cnblogs.com/onechen/



3、布局相關(guān)屬性介紹:
1)Align屬性:控件的Align屬性決定了當(dāng)父控件的四條邊,或中心,全部初始或父控件重新調(diào)整過尺寸時,控件是否自動重新排列或/重新調(diào)整尺寸。Align屬性的默認(rèn)值為alNone,意味著不自動計算:控件永遠(yuǎn)停留在原來的地方。
Align屬性的典型值如下(藍(lán)色的區(qū)域表示是子控件):

如果你使用alTop,alBottom,alLeft,alRight,其他組件的Align屬性使用剩余的區(qū)域。
剩余區(qū)域的大小和形狀(alClient)也隨著設(shè)備的排列方向而改變,也基于窗體類型(iPhone或iPad)。
下圖展示了當(dāng)你有兩個組件使用alTop,一個組件使用alClient的情況下,橫放(水平)和豎放(垂直)的布局。

2)Margins屬性
Margins確??丶筛缚丶詣优帕袝r與各控件之間的距離。
在下圖中,左路邊的組件(alClient)使用Margins屬性來確定組件四周的空隙。

3)Padding屬性

4)Anchors屬性
如果你在ToolBar的上方有一個Edit控件,你可能想要在Edit控件的右邊和窗體的邊(ToolBar)保持固定的距離。Anchors能讓你來指定控件相對于父控件的邊保持固定的距離。


這些都是一些基本知識,這邊主要是從網(wǎng)絡(luò)上找了一些其他朋友的介紹集中一下分享給大家,讓大家先有個概念,知道在delphi里面大概是什么進(jìn)行App的布局的。后續(xù)會有比較完整的Demo演示。