Delphi App開發(fā)分享(四) - 界面布局介紹

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

TLayout.gif

TGridLayout.gif

2、Delphi的布局控件頁
布局控件頁.png

3、布局相關(guān)屬性介紹:

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


1369241593_6789.png

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


1369241593_9400.png

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

1369241594_8364.png

3)Padding屬性

Padding設(shè)置父控件內(nèi)容盒子的邊距。在ObjectInspector,你可以為Padding設(shè)置值(像素):Left、Right、Bottom、Top,在下圖中,父組件(包含兩個區(qū)域)使用Padding屬性來確保內(nèi)部的邊距:
1369241615_7997.png

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

如果你想要Edit控件與ToolBar(它的父控件)保持相應(yīng)的位置,你可以設(shè)置Anchros屬性為akLeft,akTop,akRight。當(dāng)ToolBar調(diào)整過尺寸時,Edit控件也會根據(jù)Anchors設(shè)置來調(diào)整大小:
1369241616_7312.png
1369241616_7709.png

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,295評論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,765評論 25 709
  • 當(dāng)我在題中標(biāo)志了“一”時,我是期待著下次再去感受一下徽州風(fēng)韻的。短短的兩天,又怎能將偌大的徽州領(lǐng)略一番呢?卻怪生得...
    獨(dú)孤守望閱讀 517評論 0 3
  • 脾氣太好的人,他人反而不會因?yàn)楹闷舛鹬啬?,只會覺得你沒底線,當(dāng)你是透明人,不存在。 我大學(xué)時有一個比較內(nèi)向的朋...
    教你做好女人閱讀 3,573評論 0 2
  • 好報30天寫作之旅看到并收藏了好久了!這次鼓足勇氣報名!跟自己說不在懶惰!要努力做個不一樣的自己!今天第二天的作業(yè)...
    藍(lán)晶LM閱讀 502評論 1 0

友情鏈接更多精彩內(nèi)容