DevExpress LayoutControl使用

发布时间 2024-01-10 15:37:42作者: 【君莫笑】
1.向窗体中添加LayoutControl控件
  从工具箱,将LayoutControl控件拖入窗体后,最好立即设置该控件的尺寸和位置,否则修改起来会比较麻烦
  拖入的同时,在下图所示的情况下,
  1.1点击小三角, 弹出LayoutContrl任务
  1.2 然后继续点击Choose DockStyle右侧的向下小箭头,
  1.3 选择中间那一大块(此时Choose DockStyle为Fill)

2.向LayoutControl中添加控件
(1)从工具箱搜索Group, 然后将GroupBox拖入
    如下图所示,GroupBox控件默认填充整个GroupControl,
    并且在界面中或者属性中是无法直接修改大小的。

2)隐藏控件的layoutControlItem(Text)。
    在向LayoutControl中添加控件后,会默认在其左侧添加一个layoutControlItem
 隐藏该部分的方法是:
 右键layoutControlItem,点击【Hide Text】,
 隐藏后下图所示。

3)修改GroupBox的高度。
       点击GroupBox向下的小三角
       在弹出的菜单中点击【CustomizeLayout】→【Layout Tree View】→ 【layoutControlItem1】,
注意:在添加多个控件后会对应多个layoutControlItemX(X代表序号,1,2,3...),
修改某一个控件时,必须找到其对应的layoutControlItemX进行属性的修改

然后在属性窗口中修改layoutControlItem1的属性:
①将SizeConstraintsType设置为Custom;
②设置MaxSize的Height为70(MaxSize的Height属性来设置控件的高度,Width属性设置控件的宽)

设置完成后groupBox1的高度变为70,,效果如下图所示:

4)以相同的方法依次添加正文 和 附注两个GroupBox控件,
    添加完成后如下图所示:

5)添加两个按钮
在附注GroupBox下面添加两个SimpleButton,
添加后两个按钮的宽度默认填充整个LayoutControl,
且默认上下分布(一会我们要把它水平并排分布)

下面必须先修改两个按钮的尺寸,然后才能将两个按钮设置为同一行。
①若想将两个按钮水平排列在一行,
那么, 必须先修改两个按钮的宽度(两个按钮的宽度和不超过LayoutControl的宽度)。
修改按钮宽高的方法和前面讲到的一样(先设置SizeConstraintsType从Default改成Custom,再设置MaxSize)
修改完成后, 如下图所示:

来源:https://blog.csdn.net/pre_eminent/article/details/82884143