zoukankan      html  css  js  c++  java
  • DevExpress GridControl 单元格添加进度条(ProgressBar)

    DevExpress GridControl 单元格添加进度条(ProgressBar)

    首先可以使用DevExpress GridControl 自带的进度条控件.

    Devexpress How to change progress bar control color

    Can someone tell me that how to change backcolor of progress bar control. I am using devexpress bar control. I have searched and tried the ways which are explained on devexpress forum and this site.progress bar back color

    c# devexpress progress-bar devexpress-windows-ui

    If ProgressBarControl.Property.LookAndFeel.Style is set to Skin, the control's background is fully controlled by the current skin. The progress bar appearance can be customized via the Properties.StartColor and EndColor properties. Change LookAndFeel to anything except UseDefaultLookAndFeel that will work.

    但是我要用一个方法来设置所以的单元格进度,而不是每个单元格都要设置一遍,同时我想要根据进度值不同,进度条显示不同的颜色.

    那么就要自己手动的编写代码来完成了.

    1 : 绘制一个单元格进度条 形状   当进度小于50%时显示为红色.

    复制代码

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

    2 :  点击 GridView 展开触发事件

     1  private void gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
     2         {
     3             if (e.Column.FieldName == "CLASSPACE")
     4             {
     5                 DrawProgressBar(e);
     6 
     7                 e.Handled = true;
     8 
     9                 DrawEditor(e); 
    10             } 
    11         }

    3 : 上面两段代码其实效果已经出来了,只不过有一些瑕疵,单元格只显示数值,而不显示进度条,(当点击单元格时数值会消失),那么需要我们再来手动的编写一段代码用来处理当单元格触发时一些操作.

    代码:

     1   private void DrawEditor(DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
     2         {
     3             GridCellInfo cell = e.Cell as GridCellInfo;
     4             Point offset = cell.CellValueRect.Location;
     5             BaseEditPainter pb = cell.ViewInfo.Painter as BaseEditPainter;
     6             AppearanceObject style = cell.ViewInfo.PaintAppearance;
     7             if (!offset.IsEmpty)
     8                 cell.ViewInfo.Offset(offset.X, offset.Y);
     9             try
    10             {
    11                 pb.Draw(new ControlGraphicsInfoArgs(cell.ViewInfo, e.Cache, cell.Bounds));
    12             }
    13             finally
    14             {
    15                 if(!offset.IsEmpty)
    16                 {
    17                     cell.ViewInfo.Offset(-offset.X, -offset.Y);
    18                 }
    19             }
    20         }

    复制代码

    同时 将 单元格设置为不可编辑状态.

    附 最后显示效果 :

    作者:刘彬

    出处:http://www.cnblogs.com/Albin/

    如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面

  • 相关阅读:
    Part0:安装Django
    计算机技术与科学系列笔记
    svg基础知识体系建立
    js如何判断字符串里面是否含有某个字符串
    js字符串如何倒序
    js判断值是否是数字
    HTML DOM 知识点整理(一)—— Document对象
    Git hub pull时候的错误 : The current branch is not configured for pull No value for key branch.master.merge found in configuration
    Map的3种遍历[轉]
    如何刪除GitHub中的repository
  • 原文地址:https://www.cnblogs.com/grj001/p/12224590.html
Copyright © 2011-2022 走看看