DevExpress学习之路
第一章 DevExpress模板调用修改 第二章 Layoutcontrol布局
文章目录
- DevExpress学习之路
- 前言
- 一、LayoutControl详解
- 1.1 LayoutControl属性
- Dock
- 二、布局子控件
- 2.1 labelcontrol
- 2.1.1 size
- 2.1.2 label中文字
- 2.2 panelcontrol
- 总结
前言
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布局以及子控件属性设置。
