WPF實現簡單的進度條怎麼做?

來源:互聯網
上載者:User
最近做一個項目,看到以前同事寫的進度條效果不錯,所以,拿來簡化了下,不炫,但是項目中還是夠用的。

還是,先來看下調用以後的效果

1、因為ProgressbBar的Foreground顯示不得不一樣,所以,要有一個參數去給控制項進行設定,因此定義了一個參數值ForegroundColor

public int ForegroundColor{get{return _foregroundColor;    }set{        _foregroundColor = value;        LinearGradientBrush lgb = dictionary["ForegroundColor" + value] as LinearGradientBrush;if (lgb != null)            proBar.Foreground = txt.Foreground = percent.Foreground = lgb;    }}

代碼裡有這麼一句話“LinearGradientBrush lgb = dictionary["ForegroundColor" + value] as LinearGradientBrush;”是為了方便通過這是這個參數去樣式檔案裡取樣式的。

<LinearGradientBrush x:Key="ForegroundColor1" EndPoint="1,0.5" StartPoint="0,0.5"><GradientStop Color="#FFBBF586" Offset="0.5"/><GradientStop Color="#FFD4F9C3" Offset="1"/></LinearGradientBrush><LinearGradientBrush x:Key="ForegroundColor2" EndPoint="1,0.5" StartPoint="0,0.5"><GradientStop Color="#FF5BE26E" Offset="0.5"/><GradientStop Color="#FF8DEC9C" Offset="1"/></LinearGradientBrush><LinearGradientBrush x:Key="ForegroundColor3" EndPoint="1,0.5" StartPoint="0,0.5"><GradientStop Color="#FFB656F2" Offset="0.5"/><GradientStop Color="#FFAE8DFE" Offset="1"/></LinearGradientBrush><LinearGradientBrush x:Key="ForegroundColor4" EndPoint="1,0.5" StartPoint="0,0.5"><GradientStop Color="#FF3AE9E9" Offset="0.5"/><GradientStop Color="#FF8DFDFE" Offset="1"/></LinearGradientBrush>

2、既然是ProgressBar就要有一個進度值,這個值,我們用TextBlock來進行顯示,一定要實現通知介面,這樣,才能保證即時的通知到頁面上。

public string ValueText{get{return _valueText;    }set{        _valueText = value;if (this.PropertyChanged != null)        {this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("ValueText"));        }    }}

3、啟用一個後台線程,來不斷的更新進度效果

private void Bgw_DoWork(object sender, DoWorkEventArgs e){for (int i = 0; i < BarValue; i++)    {        System.Threading.Thread.Sleep(50);        proBar.Dispatcher.Invoke(new Action(                                     delegate{if (proBar.Value <= BarValue)            {                proBar.Value++;            }        }));        ValueText = i + "";    }    ValueText = BarValue + "";}

源碼

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.