乾貨放送！界面控件DevExpress開發常用知識點全解

DevExpress v20.2完整版下載

DevExpress擁有.NET開發需要的所有平臺控件，包含600多個UI控件、報表平臺、DevExpress Dashboard eXpressApp 框架、適用於 Visual Studio的CodeRush等一系列輔助工具。

使用DevExpress控件來做項目開發已經有很長一段時間了，在摸索開發到客戶苛刻要求的過程中，其中碰到過很多問題需要解決的，隨着一個個問題的解決，也留下很多對DevExpress控件的使用經驗及教訓，綜合設計到的多個項目的問題，對這些開發常用的要點進行總結，方便別人也方便自己。提供這些解決方法，一個可以快速應用到項目中，二個也可以作爲對界面開發的更高要求對待自己的項目，使得自己的東西更加完美，更加受歡迎。

一、GridControl控件的數據顯示的樣式控制

如上兩圖所示，我們有時候需要控制列表訪問過的顏色變化，或者是時間顯示格式等內容，這個時候設置GridView的RowCellStyle即可實現，如下所示。

this.gridView1.RowCellStyle += new DevExpress.XtraGrid.Views.Grid.RowCellStyleEventHandler(gridView1_RowCellStyle);

void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e)
{
if (e.Column.FieldName == "PublishType")
{
if (e.CellValue != null && e.CellValue.ToString() == "中介")
{
e.Appearance.BackColor = Color.DeepSkyBlue;
e.Appearance.BackColor2 = Color.LightCyan;
}
}
if (e.Column.FieldName == "PublishTime")
{
e.Column.DisplayFormat.FormatString = "yyyy-MM-dd HH:mm:ss";
}

if (e.Column.FieldName == "Title")
{
string id = this.winGridViewPager1.gridView1.GetRowCellDisplayText(e.RowHandle, "Id");
if (historyDict.ContainsKey(id))
{
e.Appearance.BackColor = Color.DeepSkyBlue;
e.Appearance.BackColor2 = Color.LightCyan;
}
}
}

二、在LayoutControl佈局中固定控件寬度

固定寬度後的真實效果。

爲了使得界面統一性及更好的控制性，我們一般使用LayoutControl佈局控件作爲我們添加控件的佈局容器，但是這個控件默認是對其中的控件進行按窗口比例進行縮放的，有些客戶就不喜歡這些特點，因爲他們的顯示器可能是30寸的（誇張一點點，不過很多寬屏的），這樣很多輸入框就會被拉得很長，這樣小小一個輸入框，可能有很長的一段空白的距離，那樣可能真的不好看，如下圖所示。

設置固定寬度，其實不是很麻煩，需要設置幾個屬性即可

設置控件的SizeConstraintsType爲DevExpress.XtraLayout.SizeConstraintsType.Custom;
設置控件的FillControlToClientArea 爲False
設置控件的ControlMaxSize的大小（必要時也可以設置ControlMinSize)，設置例子如下所示。

三、GridControl中的GridView內容打印

由於GridView的良好封裝性，實現打印的代碼很簡單。

private void menu_Print_Click(object sender, EventArgs e)
{
PrintableComponentLink link = new PrintableComponentLink(new PrintingSystem());
link.Component = this.gridControl1;
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}年度)", this.txtYear.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該如何操作呢，代碼設置如下所示。

//表頭折行設置
this.gridView1.ColumnPanelRowHeight = 40;
this.gridView1.OptionsView.AllowHtmlDrawHeaders = true;
this.gridView1.Appearance.HeaderPanel.TextOptions.WordWrap = DevExpress.Utils.WordWrap.Wrap; 
//表頭及行內容居中顯示
this.gridView1.Appearance.Row.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
this.gridView1.Appearance.HeaderPanel.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;

然後設置表頭的時候，設置內容使用\r\n來進行換行，如：體重\r\n(kg)

下面是我分頁控件裏面的例子設置，供參考。

this.winGridViewPager1.AddColumnAlias("Weight", "體重\r\n(kg)");
this.winGridViewPager1.AddColumnAlias("Pulse", "脈搏\r\n(次)");
this.winGridViewPager1.AddColumnAlias("BloodSystolic", "收縮壓");
this.winGridViewPager1.AddColumnAlias("BloodDiastolic", "舒張壓");
this.winGridViewPager1.AddColumnAlias("SightLeft", "視力\r\n(左)");
this.winGridViewPager1.AddColumnAlias("SightRight", "視力\r\n(右)");

六、控件內容輸入問題

在客戶使用軟件的時候，反饋說有一些數字輸入框、日期輸入框，不支持鍵盤輸入內容，經測試，確實是存在這個問題，默認的數字、日期等輸入，都要切換輸入法纔可以輸入，不能默認就支持數字的輸入，那麼是否有辦法解決呢，當然辦法總是有的。

其實只需要設置 ImeMode=Off 即可解決問題，關於這個屬性，大家可以參考下面的介紹。(就開發而言，記得逢數字，日期的控件，必須設置 ImeMode=Off ，否則你的軟件使用客戶會罵娘。

ImeMode 枚舉：指定一個值，該值是用來確定在選定了對象時該對象的輸入法編輯器 (IME) 的狀態。以下是微軟的解釋: