首页 > 代码库 > WPF 实现圆形进度条
WPF 实现圆形进度条
项目中用到圆形进度条,首先就想到使用 ProgressBar 扩展一个,在园子里找到 迷途的小榔头 给出的思路和部分代码,自己加以实现。在此感谢 迷途的小榔头!
进度小于60显示红色,大于60则显示绿色。效果如下:
基本思路:
- 本质上是一个进度条,只是外观有别于矩形进度条,所以需要修改ProgressBar的ControlTemplate。
- 进度条部分实际是一个扇形,用WPF动态绘出(原理参考迷途的小榔头讲解)。
- 要将进度条的值(Value依赖属性)转换为进度条,需要一个Converter。
- 根据不同的值区间绘制不同的颜色即实现颜色随进度变化。
关键代码:
1. 修改ProgressBar的ControlTemplate。
1 <ProgressBar Minimum="0"2 Maximum="100"3 Value=http://www.mamicode.com/"{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。
参考文献
- http://www.cnblogs.com/goxmpx/p/3741915.html
源码下载
WPF 实现圆形进度条
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。