Devexpress之LayoutControl的使用及其控件布局设计 --转载

摘要:
今天,在使用Devexpress的LayoutControl控件设计界面控件的布局时,我们遇到了以下问题:1.添加控件后,我们不知道如何修改控件的大小。图3隐藏控件的layoutControlItem。① 如果要并行化两个按钮,必须首先修改两个按钮的宽度。最后,将其他控件添加到GroupBox控件以完成简介中的要求。结果如图1所示。通过这些基本操作,您可以使用LayoutControl控件进行更复杂的布局设计。如果你感兴趣,你可以自己研究。
转自:https://blog.csdn.net/BinGISer/article/details/78020970?locationNum=7&fps=1

Devexpress给我们提供了更加美观、更加丰富控件,但在学习和使用的同时经常会遇到诸多麻烦。今天在使用Devexpress的LayoutControl控件进行界面控件的布局设计时遇到了如下的麻烦:

1.添加控件后,不知道如何修改控件的尺寸

2.由1引起的不知道如何讲两个控件放在同一行

经过摸索解决了以上问题。首先看我的需求是通过LayoutControl控件设计图1所示的窗体:

Devexpress之LayoutControl的使用及其控件布局设计 --转载第1张

图1

下面从该界面的设计过程,说明上面两个问题的解决办法:

1.向窗体中添加LayoutControl控件

在将该控件拖入窗体后,最好立即设置该控件的尺寸和位置,否则修改起来会比较麻烦(准确的说我还不知道怎么修改)。拖入后,在如图2所示的情况下,开始修改尺寸和位置(在这里设置的是填充整个窗体)

Devexpress之LayoutControl的使用及其控件布局设计 --转载第2张

图2

2.向LayoutControl中添加控件
(1)添加GroupBox控件名为groupControl1,拖入后如图3所示,控件默认填充整个GroupControl,而且在界面中或者groupControl1的属性中是无法直接修改大小的。
Devexpress之LayoutControl的使用及其控件布局设计 --转载第3张
图3
 
(2)隐藏控件的layoutControlItem(Text)。在向LayoutControl中添加控件后,会默认在其左侧添加一个layoutControlItem,隐藏该部分的方法是右键layoutControlItem,点击【Hide Text】,隐藏后如图4所示。
Devexpress之LayoutControl的使用及其控件布局设计 --转载第4张
图4                 
 
(3)修改groupControl1的尺寸。
右键layoutControlGroup1(鼠标必须在该控件上右键),在弹出的菜单中点击【CustomizeLayout】→【Layout Tree View】→【layoutControlItem1】,如图5,6所示。
(注意:在添加多个控件后会对应多个layoutControlItem*(*代表序号,1,2,3...),修改某一个控件时,必须找到其对应的layoutControlItem*进行属性的修改)
 
Devexpress之LayoutControl的使用及其控件布局设计 --转载第5张
图5
 
Devexpress之LayoutControl的使用及其控件布局设计 --转载第6张
图6
 
然后在属性窗口中修改layoutControlItem1的属性:①将SizeConstraintsType设置为Custom;②设置MaxSize的Height为70(MaxSize的Height属性来设置控件的高度,Width属性设置控件的宽),如图7所示。
Devexpress之LayoutControl的使用及其控件布局设计 --转载第7张
图7
 
设置完成后groupBox1的高度变为70,,效果如图8下:
Devexpress之LayoutControl的使用及其控件布局设计 --转载第8张
图8
 
(4)以相同的方法依次添加正文和附注两个GroupBox控件,添加完成后如图9所示:
Devexpress之LayoutControl的使用及其控件布局设计 --转载第9张
图9
 
 
(5)添加两个按钮
在附注GroupBox下面添加两个SimpleButton,添加后两个按钮的宽度默认填充整个LayoutControl,且上下分布,如图10所示:
Devexpress之LayoutControl的使用及其控件布局设计 --转载第10张
图10
 
下面将修改两个按钮的尺寸,然后将两个按钮设置为同一行。
①若想将两个按钮并行,必须先修改两个按钮的宽度(两个按钮的宽度和不超过LayoutControl的宽度)。修改按钮尺寸的方法和前面讲到的一样,不再赘述,修改完成后如图11所示:
Devexpress之LayoutControl的使用及其控件布局设计 --转载第11张
图11
②将两个按钮并行
鼠标左键点击其中一个按钮所属的layoutControlItem*开始拖动其位置,如图12所示:
Devexpress之LayoutControl的使用及其控件布局设计 --转载第12张
图12
 
以上过程解决了引言当中我所遇到的问题。最后向GroupBox控件中再添加其他控件,完成引言当中的需求,结果见图1.
通过这些基本操作进行,可以利用LayoutControl控件进行更复杂的布局设计,有兴趣的可自行研究。

免责声明:文章转载自《Devexpress之LayoutControl的使用及其控件布局设计 --转载》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇GWAS: 阿尔兹海默症和代谢指标在大规模全基因组数据的遗传共享研究Unipp动态设置底部tabbar/动态设置navigationBarTitleText 导航标题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WPF界面开发:DevExpress WPF在GridControl中固定行时处理时刻

DevExpress广泛应用于ECM企业内容管理、 成本管控、进程监督、生产调度,在企业/政务信息化管理中占据一席重要之地。通过DevExpress WPF Controls,您能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品,还是以数据为中心的商业智能...

DevExpress GridView 整理(转)

DevExpress GridView 那些事儿 1:去除 GridView 头上的 "Drag a column header here to group by that column" --> 点击 Run Designer -> 找到:OptionView ->将 ShowGroupPanel : 设置为 false ; 2:如何...

Winform传统DataGridView和DevExpress控件的GridControl两者表头全选功能的实现

在开发一个个人项目的时候,有客户反映默认GridView多选操作不是很方便和理想,想在列表的左边增加一列可以勾选,并且最好支持列表头部全选的操作,否则数据多的时候一个个勾选要到天荒地老。 基于以上需求,找了不少例子进行比较,并对代码进行测试改进,终于完成了以上的功能了, 并且由于我本身做了多套界面的处理,因此,基于传统的DataGridView全选操作不能...

Dev属性设置

DisplayFormat 设置显示格式如:{0:P}表示显示为百分号模式。如数据源中为0.5。表示出来为50% 2、GridContro总合计及分组合计: 常规总合计直接RunDesigner-Group Summary Items DisplayFormat 设置显示格式如:{0:P}表示显示为百分号模式。如数据源中为0.5。表示出来为50% Fiel...

DevExpress GridView 鼠标悬停颜色追踪(行或单元格)

DevExpress GridView 鼠标悬停颜色追踪(行或单元格) 2019年07月12日 15:17:02 涛神-Dev 阅读数 41 标签: GridView行追踪单元格追踪 更多 个人分类: DevExpressWinformGridControl 如何将GridView做成类似网页的列表那样,鼠标移动的是行背景颜色跟着变,也就是所为的鼠标悬停追...

【实时】DevExpress内存监视

前言   在做项目的时候,我们有时候需要检测项目的内存占用情况,有时候是检测内存泄露~,有时候是查看某段代码执行前后的内存对比,以方便找出问题并以解决。 内存泄漏也称作“存储渗漏”,用动态存储分配函数动态开辟的空间,在使用完毕后未释放,结果导致一直占据该内存单元。直到程序结束。(其实说白了就是该内存空间使用完毕之后未回收)即所谓内存泄漏。-百度百科   前...