Devexpress-进度条 C#

阿怅

博客园
首页
联系
订阅
管理

随笔 - 7文章 - 0评论 - 7
Devexpress-进度条

Devexpress控件中,进度条控件为ProgressBarControl, 在数据型控件中进度条为RepositoryItemProgressBar.

常用的设置

样式或者皮肤
进度设置
进度文字显示

样式或者皮肤
进度控件的默认颜色是无法直接更改的,因为显示的优先是样式和皮肤，只有设置不使用默认主题就可以进行改变了.
【Devexpress-进度条】

progressbar.LookAndFeel.UseDefaultLookAndFeel = false;

进度设置
进度的三要素:最大值当前值递增量

progressbar.Maximum = 200; //总进度 progressbar.Step=1; //进度的递增量 progressbar.Text="55"; //当前进度

进度文字显示
进度条在展示进度的同时,还可以显示百分比(可格式化精度)或详细进度,亦可自定义显示

progressbar.ShowTitle = true; //允许显示文字 progressbar.PercentView=true; //true显示百分比(默认),false显示详细进度

如下显示:

文章图片

关于在数据绑定型控件中
有的时候每行的进度的最大值都是不同的,而在进度到达某一范围需要显示不同的样式.这里我们就需要手动去设置数据对应我们预先定义好的RepositoryItemProgressBar

下面是一个简单例子:

文章图片

1 public partial class Form1 : Form 2{ 3public Form1() 4{ 5InitializeComponent(); 6this.Load += new EventHandler(Form_Load); 7} 8 9Timer timer = new Timer(); 10RepositoryItemProgressBar progressbar = new RepositoryItemProgressBar(); 11 12private void Form_Load(object sender, EventArgs e) 13{ 14progressbar.LookAndFeel.UseDefaultLookAndFeel = false; 15progressbar.ShowTitle = true; 16//皮肤,这里使用的Dev自带的几款皮肤之一 17progressbar.LookAndFeel.SkinName = "Money Twins"; 18//progressbar.LookAndFeel.Style = DevExpress.LookAndFeel.LookAndFeelStyle.Office2003; 19 20InitData(); 21timer.Interval = 100; 22timer.Tick += new EventHandler(timer_Tick); 23timer.Start(); 24} 25 26private void timer_Tick(object sender, EventArgs e) 27{ 28objects.ForEach(x =>{ 29if (x.Index < x.Count) x.Index++; 30else x.Index = 0; 31}); 32this.gridControl.RefreshDataSource(); 33} 34 35private List objects = new List(); 36 37public void InitData() 38{ 39objects.Clear(); 40objects.Add(new TestObject() { ID="A0001",Name="Francis",Count=100,Index=0}); 41objects.Add(new TestObject() { ID = "A0002", Name = "Andy", Count = 1000, Index = 0 }); 42objects.Add(new TestObject() { ID = "A0003", Name = "Tom", Count = 20, Index = 0 }); 43objects.Add(new TestObject() { ID = "A0004", Name = "Achang", Count = 50, Index = 0 }); 44this.gridControl.DataSource = objects; 45this.gridView.Columns["Count"].Visible = false; 46this.gridView.Columns["Index"].AppearanceCell.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center; 47} 48 49private void gridView_CustomRowCellEdit(object sender, DevExpress.XtraGrid.Views.Grid.CustomRowCellEditEventArgs e) 50{ 51if (e.Column.FieldName == "Index") 52{ 53int count = (int)this.gridView.GetRowCellValue(e.RowHandle, "Count"); 54int index = (int)e.CellValue; 55progressbar.Maximum = count; 56e.RepositoryItem = progressbar; 57} 58} 59 60private void gridView_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e) 61{ 62if (e.Column.FieldName == "Index") 63{ 64int count = (int)this.gridView.GetRowCellValue(e.RowHandle, "Count"); 65int index = (int)e.CellValue; 66e.DisplayText = string.Format("{0}/{1}",index,count); 67} 68} 69} 70 71public class TestObject 72{ 73public string ID { get; set; } 74public string Name { get; set; } 75public int Count { get; set; } 76public int Index { get; set; } 77}

文章图片

显示效果如下: