Devexpress-進度條

Devexpress控件中,進度條控件為ProgressBarControl, 在數據型控件中進度條為RepositoryItemProgressBar.

 

     常用的設置

• 　　樣式或者皮膚
• 　　進度設置
• 　　進度文字顯示

 

　　樣式或者皮膚

　　 進度控件的默認顏色是無法直接更改的,因為顯示的優先是樣式和皮膚，只有設置不使用默認主題就可以進行改變了.

　　

progressbar.LookAndFeel.UseDefaultLookAndFeel = false;

 

　　進度設置

　　進度的三要素:最大值 當前值 遞增量

　　

progressbar.Maximum = 200;   //總進度
progressbar.Step=1; //進度的遞增量
progressbar.Text="55"; //當前進度

 

　　進度文字顯示

　　進度條在展示進度的同時,還可以顯示百分比(可格式化精度)或詳細進度,亦可自定義顯示

　　

progressbar.ShowTitle = true; //允許顯示文字
progressbar.PercentView=true;//true顯示百分比(默認),false顯示詳細進度

      如下顯示:

　　

 

　　關於在數據綁定型控件中

　　有的時候每行的進度的最大值都是不同的,而在進度到達某一范圍需要顯示不同的樣式.這里我們就需要手動去設置數據對應我們預先定義好的RepositoryItemProgressBar

 

　　下面是一個簡單例子:

　　

public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            this.Load += new EventHandler(Form_Load);
        }

        Timer timer = new Timer();
        RepositoryItemProgressBar progressbar = new RepositoryItemProgressBar();

        private void Form_Load(object sender, EventArgs e)
        {
            progressbar.LookAndFeel.UseDefaultLookAndFeel = false;
            progressbar.ShowTitle = true;
            //皮膚,這里使用的Dev自帶的幾款皮膚之一
            progressbar.LookAndFeel.SkinName = "Money Twins";
            //progressbar.LookAndFeel.Style = DevExpress.LookAndFeel.LookAndFeelStyle.Office2003;

            InitData();
            timer.Interval = 100;
            timer.Tick += new EventHandler(timer_Tick); 
            timer.Start();
        }

        private void timer_Tick(object sender, EventArgs e)
        {
            objects.ForEach(x =>{
                if (x.Index < x.Count) x.Index++;
                else x.Index = 0;
            });
            this.gridControl.RefreshDataSource();
        }

        private List<TestObject> objects = new List<TestObject>();

        public void InitData()
        {
            objects.Clear();
            objects.Add(new TestObject() { ID="A0001",Name="Francis",Count=100,Index=0});
            objects.Add(new TestObject() { ID = "A0002", Name = "Andy", Count = 1000, Index = 0 });
            objects.Add(new TestObject() { ID = "A0003", Name = "Tom", Count = 20, Index = 0 });
            objects.Add(new TestObject() { ID = "A0004", Name = "Achang", Count = 50, Index = 0 });
            this.gridControl.DataSource = objects;
            this.gridView.Columns["Count"].Visible = false;
            this.gridView.Columns["Index"].AppearanceCell.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
        }

        private void gridView_CustomRowCellEdit(object sender, DevExpress.XtraGrid.Views.Grid.CustomRowCellEditEventArgs e)
        {
            if (e.Column.FieldName == "Index")
            {
                int count = (int)this.gridView.GetRowCellValue(e.RowHandle, "Count");
                int index = (int)e.CellValue;
                progressbar.Maximum = count;
                e.RepositoryItem = progressbar;
            }
        }

        private void gridView_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
        {
            if (e.Column.FieldName == "Index")
            {
                int count = (int)this.gridView.GetRowCellValue(e.RowHandle, "Count");
                int index = (int)e.CellValue;
                e.DisplayText = string.Format("{0}/{1}",index,count);
            }
        }
    }

    public class TestObject
    {
        public string ID { get; set; }
        public string Name { get; set; }
        public int Count { get; set; }
        public int Index { get; set; }
    }

 

　　顯示效果如下:

　　

　　

　　下載地址如下: 進度條