首页 > 其他 > 详细

WPF 实现圆形进度条

时间:2014-10-08 23:27:17      阅读:422      评论:0      收藏:0      [点我收藏+]

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

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

 bubuko.com,布布扣          

bubuko.com,布布扣           

 

 

基本思路:

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

 关键代码:

 1. 修改ProgressBar的ControlTemplate。

  

1 <ProgressBar Minimum="0"
2              Maximum="100"
3              Value="{Binding SuccessRate, Mode=OneWay}">
4     <ProgressBar.Template>
5         <ControlTemplate TargetType="ProgressBar">
6             <Border Background="{TemplateBinding Value, Converter={StaticResource ValueToProcessConverter}, ConverterParameter=200}"/>
7         </ControlTemplate>
8     </ProgressBar.Template>
9 </ProgressBar>

 

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

 见Demo。

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

 

参考文献

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

 

源码下载

 

WPF 实现圆形进度条

原文:http://www.cnblogs.com/dipwater/p/4011553.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!