DevExpress学习之Layoutcontrol布局

DevExpress学习之路

第一章 DevExpress模板调用修改
第二章 Layoutcontrol布局

---

---

前言

LayoutControl作为DevExpress下的一个布局神器，可以在控件内点击鼠标右键添加各种子控件；而且还会将子控件进行自动排版对齐（有好有坏吧）。
据了解，虽然LayoutControl在一定程度上方便了布局，但是可能出现整体布局乱掉的情况，谨慎使用。

---

一、LayoutControl详解

1.1 LayoutControl属性

Dock

将LayoutControl拖进Form之后，首先应该设置尺寸，一般将Dock属性设置为"Fill"，使该控件充满整个Form。

二、布局子控件

2.1 labelcontrol

labelcontrol作为Dev（DevExpress简称）中的标签控件，和通用控件label类似，将该控件拖进layoutcontrol之后，会自动置于顶部，示意图如下：

此时需要调节label的尺寸、位置、文字大小、文字格式以及文字位置：

2.1.1 size

直接在属性中调整label的尺寸是不可行的，因为当labelcontrol处于LayoutControl中时，LayoutControl控件会自动进行自我分割，比入在上图，我添加了一个labelcontrol，那么layout会自我分割两个子item，一个名为layoutcontrolitem1和empty space item，如下图（下面会讲述该界面如何调出），所以单独调整label的大小是不可行的。

那么调整label的尺寸时，首先需要选中，出现倒三角，如下所示：

点击倒三角，出现下面情况，然后在Size Constraints选中Free Size，意思是自由调整该控件的大小：

然后在点击customize layout选项，选中想要修改尺寸的item，在属性框中修改大小：
2和3处都可以修改大小。

2.1.2 label中文字

Text中修改文字内容

Font中调整文字格式：

Appearance->textoption->halignment设置为center调整文字居中：

2.2 panelcontrol

layoutcontrol还可以搭配panelcontrol进行布局，panelcontrol的尺寸设置同上，在panelcontrol中可以添加需要的控件，如button：

---

总结

本文主要介绍layoutcontrol布局以及子控件属性设置。