本文將為大家介紹如何在DevExpress GridControl中添加進度條控件。

【DXperience Universal Suite下載】

首先可以使用 DevExpress GridControl 自帶的進度條控件。

但是我要用一個方法來設置所有的單元格進度，而不是每個單元格都要設置一遍，同時我想要根據進度值不同，進度條顯示不同的顏色。

那么就要自己手動的編寫代碼來完成了。

1 、繪制一個單元格進度條形狀，當進度小于50%時顯示為紅色。

public void DrawProgressBar(DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
        {
            string s = e.CellValue as string;
             s = s.Substring(0, e.CellValue.ToString().Length - 1);
             decimal percent = Convert.ToDecimal(s); 
            int width = (int)(100 * Math.Abs(percent /100 ) * e.Bounds.Width / 100);
            Rectangle rect = new Rectangle(e.Bounds.X, e.Bounds.Y, width, e.Bounds.Height);
            Brush b = Brushes.Green;
            if (percent < 50)
            {
                b = Brushes.Red;
            }
            e.Graphics.FillRectangle(b, rect);
        }

2、點擊 GridView 展開觸發事件

private void gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
        {
            if (e.Column.FieldName == "CLASSPACE")
            {
                DrawProgressBar(e);

                e.Handled = true;

                DrawEditor(e); 
            } 
        }

3、上面兩段代碼其實效果已經出來了，只不過有一些瑕疵，單元格只顯示數值，而不顯示進度條（當點擊單元格時數值會消失），那么需要我們再來手動的編寫一段代碼用來處理當單元格觸發時一些操作。

private void DrawEditor(DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
        {
            GridCellInfo cell = e.Cell as GridCellInfo;
            Point offset = cell.CellValueRect.Location;
            BaseEditPainter pb = cell.ViewInfo.Painter as BaseEditPainter;
            AppearanceObject style = cell.ViewInfo.PaintAppearance;
            if (!offset.IsEmpty)
                cell.ViewInfo.Offset(offset.X, offset.Y);
            try
            {
                pb.Draw(new ControlGraphicsInfoArgs(cell.ViewInfo, e.Cache, cell.Bounds));
            }
            finally
            {
                if(!offset.IsEmpty)
                {
                    cell.ViewInfo.Offset(-offset.X, -offset.Y);
                }
            }
        }

同時將單元格設置為不可編輯狀態。

附最后顯示效果 :

出處：//www.cnblogs.com/Albin/