欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » DXperience控件使用教程 » 正文

DevExpress控件布局的操作

创建时间:2013年06月21日 09:01  阅读次数:(33817)
分享到:
控件界面布局及控件类型调整
DevExpress提供了一个很好的LayoutControl控件,一般来说,为了方便,我们都使用它进行相关界面的绘制工作。

首先,在界面上添加一个LayoutControl控件,然后为了美观一点,可以设置它的GroupBordersVisible属性为True,这样就显示的时候留下一个很细的框,比较好看些。


这个控件内部的控件,位置可以通过拖动方式进行调整,对界面的排版来说非常高效,我在Winform框架或者WCF开发框架,以及自己的一些项目中,采用了代码生成工具Database2Sharp来生成基础界面(如一行一个控件普通模式),然后用这种方式进行调整,可以调整为一行2个或者多个,实现更符合使用习惯的界面。


有时候,由于使用代码生成工具Database2Sharp来生成的Winform界面,很多控件的类型都是文本类型,这样对实际的输入肯定不太符合,DevExpress控件也提供了一种方便调整控件类型的操作,就是在控件的右上角的三角图标上,打开控件的类型调整界面,调整为相应的控件类型即可,如下图所示。


在LayoutControl布局中固定控件宽度
默认的时候,基于LayoutControl里面的控件长度,会随着屏幕的拉大而变动,有时候可能变得太大而不太好看,由于美观需要,往往需要调整控件,使其不能超过或者小于一定的长度。


固定宽度后的真实效果。


为了使得界面统一性及更好的控制性,我们一般使用LayoutControl布局控件作为我们添加控件的布局容器,但是这个控件默认是对其中的控件进行按窗口比例进行缩放的,有些客户就不喜欢这些特点,因为他们的显示器可能是30寸的(夸张一点点,不过很多宽屏的),这样很多输入框就会被拉得很长,这样小小一个输入框,可能有很长的一段空白的距离,那样可能真的不好看,如下图所示。


设置固定宽度,其实不是很麻烦,需要设置几个属性即可:
1) 设置控件的SizeConstraintsType为DevExpress.XtraLayout.SizeConstraintsType.Custom。
2)设置控件的FillControlToClientArea 为False。
3)设置控件的ControlMaxSize的大小(必要时也可以设置ControlMinSize),设置例子如下所示。


LayoutControl的控件标签隐藏
传统的数据编辑界面,我们一般需要添加一个Label,然后再加一个TextBox或者其他控件,而DevExpress在这方面确实下了不少功夫,引入了一个LayoutControl的控件,该控件可以在你添加一个TextBox等其他控件的时候,自动为你加入一个类似Label的控件,而且布局已经给你设计对齐好,添加几个可以在一行中放置多列控件,对齐效果也非常好,如果是重新设计界面,省却不少对齐以及维护Label的属性。

其中,有时候输入某些内容的时候,可能需要修改或者隐藏某一个Lable,那么选中其中指定的LayoutControlItem,然后修改其TextVisible的属性为False即可不显示。

另外,该LayoutControl布局属性可以设置类似GroupBox的边界效果(默认不显示文本和边界),也可以统一设计在该布局控件内部各种控件的效果,如ReadOnly为True的显示如何,Enable为False的显示如何,只需要设置一个地方,就可以统一界面效果了。总之,用起来相当的不错。
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论4条
  • #1楼  评论人:阿  评论时间:2015-7-4 10:55:13
  • #2楼  评论人:匿名  评论时间:2015-8-13 16:28:52
  • 学习下
  • #3楼  评论人:匿名  评论时间:2017-3-9 17:47:59
  • 44
  • #4楼  评论人:匿名  评论时间:2018-4-4 8:42:38
  • 很好的列子
发表评论:
留言人:
内  容:
请输入问题 77+69=? 的结果(结果是:146)
结  果: