DevExpress VCL套件是一套非常強大的界面控件，可惜關於Delphi開發方面的說明太少，有些控件使用起來一頭霧水，不知從何下手。本節詳細介紹在Delphi Xe10 Seattle中如何利用dxLayoutControl 控件來做界面布局。
1、 首先從工具箱面板中將dxLayoutControl放在Form上，設置2個關鍵屬性如下：
| 屬性 |
屬性值 |
說明 |
| Align |
alClient |
一般都要設置為alClient，因為需要它控制整個Form布局 |
| LayoutLookAndFeel |
Create a new LookAndFeel in the new List |
創建一個新的樣式表來控制布局控件的樣式 |
2、 右鍵點擊窗體上的dxLayoutControl控件，在彈出菜單上選擇“Designer…”，會彈出一個設計器窗口，點擊左邊的“根”，然后設置其屬性如下：
| 屬性 |
屬性值 |
說明 |
| AlignHorz |
ahClient |
水平對齊方式 |
| AlignVert |
avClient |
垂直對齊方式 |
| LayoutDirection |
ldVertical |
布局的排列方向為垂直排列 |
|
|
ldHorizontal |
布局的排列方向為水平排列 |
|
|
ldTabbed |
選項卡排列 |
3、 設置要“根”的屬性后，在右邊點擊添加幾個分組(GROOP)，再將分組拖到左邊的根下面，Form窗口上分組的排列順序都是可以通過鼠標拖動“設計器”上的順序來改變的，直接在Form窗口上拖動是無效的。分組和根的屬性值基本上都是一樣的，這里要注意分組的以下屬性：
| 屬性 |
屬性值 |
說明 |
| ShowBorder |
True(False) |
是否需要顯示分組的邊框 |
| CaptionOptions->Text |
自定義文字 |
Text的文字表示顯示在分組上的標題內容 |
| LayoutDirection |
ldVertical，ldHorizontal |
排列方向是表示分組里面的控件排列的方式是按水平排列還是垂直排列 |
4、 分組添加完成，設置好相應的屬性后，就可以根據設計在分組里面放置對應的編輯框或按鈕了。最后出來的效果是這樣的：
QQ：7846156