WPF 实现圆形进度条

时间:2023-03-08 19:40:52
WPF 实现圆形进度条

项目中用到圆形进度条,首先就想到使用 ProgressBar 扩展一个,在园子里找到迷途的小榔头给出的思路和部分代码,自己加以实现。

进度小于60显示红色,大于60则显示绿色。效果如下:

WPF 实现圆形进度条

WPF 实现圆形进度条

基本思路:

  • 本质上是一个进度条,只是外观有别于矩形进度条,所以需要修改ProgressBar的ControlTemplate。
  • 进度条部分实际是一个扇形,用WPF动态绘出。
  • 要将进度条的值(Value依赖属性)转换为进度条,需要一个Converter。
  • 根据不同的值区间绘制不同的颜色即实现颜色随进度变化。

关键代码:

1. 修改ProgressBar的ControlTemplate。

  

 <ProgressBar Minimum=""
Maximum=""
Value="{Binding SuccessRate, Mode=OneWay}">
<ProgressBar.Template>
<ControlTemplate TargetType="ProgressBar">
<Border Background="{TemplateBinding Value, Converter={StaticResource ValueToProcessConverter}, ConverterParameter=200}"/>
</ControlTemplate>
</ProgressBar.Template>
</ProgressBar>

2. 实现根据值绘制扇形的转换器。

见Demo。

3. 动态设置进度条依赖属性Value。

参考文献

  1. http://www.cnblogs.com/goxmpx/p/3741915.html

源码下载