干货放送！界面控件DevExpress开发常用知识点全解

二、在LayoutControl布局中固定控件宽度

固定宽度后的真实效果。

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

设置固定宽度，其实不是很麻烦，需要设置几个属性即可

1. 设置控件的SizeConstraintsType为DevExpress.XtraLayout.SizeConstraintsType.Custom;
2. 设置控件的FillControlToClientArea 为False
3. 设置控件的ControlMaxSize的大小（必要时也可以设置ControlMinSize)，设置例子如下所示。

三、GridControl中的GridView内容打印

由于GridView的良好封装性，实现打印的代码很简单。

private void menu_Print_Click(object sender, EventArgs e)
{
PrintableComponentLink link = new PrintableComponentLink(new PrintingSystem());
link.Component = idControl1;
link.Landscape = true;
link.PaperKind = System.Drawing.Printing.PaperKind.A3;
link.CreateMarginalHeaderArea += new CreateAreaEventHandler(Link_CreateMarginalHeaderArea);
link.CreateDocument();
link.ShowPreview();
}private void Link_CreateMarginalHeaderArea(object sender, CreateAreaEventArgs e)
{
string title = string.Format("年度大体检-({0}年度)", Year.Text);
PageInfoBrick brick = e.Graph.DrawPageInfo(PageInfo.None, title, Color.DarkBlue,
new RectangleF(0, 0, 100, 21), BorderSide.None);brick.LineAlignment = BrickAlignment.Center;
brick.Alignment = BrickAlignment.Center;
brick.AutoWidth = true;
brick.Font = new System.Drawing.Font("宋体", 11f, FontStyle.Bold);
}

四、设置GridView的行指示器（行头）显示行号

在我的分页控件以及Winform开发框架很多项目介绍里面，很多都显示了行号，其实这个在DevExpress中的实现很简单，如果需要，可以实现在自己的代码里面。

1. 先实现GridView的CustomDrawRowIndicator事件，实现代码如下所示。

private void advBandedGridView1_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
{
e.Appearance.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Far;
if (e.Info.IsRowIndicator)
{
if (e.RowHandle >= 0)
{
e.Info.DisplayText = (e.RowHandle + 1).ToString();
}
else if (e.RowHandle < 0 && e.RowHandle > -1000)
{
e.Info.Appearance.BackColor = System.Drawing.Color.AntiqueWhite;
e.Info.DisplayText = "G" + e.RowHandle.ToString();
}
}
}

2. 然后设置GridView控件的IndicatorWidth为合适的宽度，如40左右则比较好。

这样设置后，就能顺利显示行号了，是不是很方便呢。

五、GridView表头多行显示（折行），表头及行内容居中操作

在一些自定义的列表中，我们为了合理显示表头的内容，可能会要求表头显示的文字可以折行显示，然后还需要内容居中显示，那么在DevExpress该如何操作呢，代码设置如下所示。

//表头折行设置
idView1.ColumnPanelRowHeight = 40;
idView1.OptionsView.AllowHtmlDrawHeaders = true;
idView1.Appearance.HeaderPanel.TextOptions.WordWrap = DevExpress.Utils.WordWrap.Wrap; 
//表头及行内容居中显示
idView1.Appearance.Row.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
idView1.Appearance.HeaderPanel.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;

然后设置表头的时候，设置内容使用rn来进行换行，如：体重rn(kg)

下面是我分页控件里面的例子设置，供参考。

this.winGridViewPager1.AddColumnAlias("Weight", "体重rn(kg)");
this.winGridViewPager1.AddColumnAlias("Pulse", "脉搏rn(次)");
this.winGridViewPager1.AddColumnAlias("BloodSystolic", "收缩压");
this.winGridViewPager1.AddColumnAlias("BloodDiastolic", "舒张压");
this.winGridViewPager1.AddColumnAlias("SightLeft", "视力rn(左)");
this.winGridViewPager1.AddColumnAlias("SightRight", "视力rn(右)");

六、控件内容输入问题

在客户使用软件的时候，反馈说有一些数字输入框、日期输入框，不支持键盘输入内容，经测试，确实是存在这个问题，默认的数字、日期等输入，都要切换输入法才可以输入，不能默认就支持数字的输入，那么是否有办法解决呢，当然办法总是有的。

其实只需要设置 ImeMode=Off 即可解决问题，关于这个属性，大家可以参考下面的介绍。(就开发而言，记得逢数字，日期的控件，必须设置 ImeMode=Off ，否则你的软件使用客户会骂娘。

ImeMode 枚举：指定一个值，该值是用来确定在选定了对象时该对象的输入法编辑器 (IME) 的状态。 以下是微软的解释:

七、多行表头的实现

有时候，我们为了一些特殊的需要，要对表头进行特别的排版，使其支持多行表头的效果，如上图所示，这样方便对各项内容进行归类显示，易于阅读，在DevExpress中应该如何实现这个效果呢？

1. 先在设计模式将普通的GridView转换为BandedGridView或者AdvBandedGridView，这样才能支持这种多行表头的做法，如下所示。

2. 定义一些字段，用来显示其中的内容，如下图所示。

3. 定义一些Band列，设置相关的属性，并把设计界面中的字段列表拖动到对应过的Band列上面，这样就构成了一个Band列和字段内容的对应关系。

完成上面的绑定关系后，记得设置GridView控件的属性，使其不要显示原本的ColumnHeader等内容。

设置好这些内容，才能合理、完美显示出多行表头的信息。

八、 在GridControl控件中使用SearchLookUpEdit构建数据快速输入

一个实际的案例就是门诊的时候，医生用药的情况，除了选择其他内容外，主要的就是快速录入药品信息。我们平常去大一点 的医院看病，好像看到的多数操作都是这样。还有一种方式就是销售人员提供的报价单，从产品里面选择信息，然后修改下价格，这些场景都是很适合这样的操作的。

本文转载自博客园-伍华聪

上DevExpress中文网，获取第一手最新产品资讯！

DevExpress技术交流群3：700924826      欢迎一起进群讨论