DevExpress GridControl 單元格添加進度條(ProgressBar)

首先可以使用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);
                }
            }
        }

 

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

 

附 最后顯示效果 :