WPF 控件库——仿制Windows10的进度条

WPF 控件库——仿制Windows10的进度条

WPF 控件库系列博文地址：

WPF 控件库——仿制Chrome的ColorPicker

WPF 控件库——仿制Windows10的进度条

WPF 控件库——轮播控件

WPF 控件库——带有惯性的ScrollViewer

WPF 控件库——可拖动选项卡的TabControl

 

一、其实有现成的

　　先来看看Windows10进度条的两种模式：

　

 

　　网上有不少介绍仿制Windows10进度条的文章，也都实现了不错的效果。而我再开一文的原因是觉得如果在这基础上添加一些功能，比如圆点的数量，圆点的大小等等，效果可能会更好一些。接触过UWP的朋友应该知道，其框架中自带了进度条控件，以 ProgressRing 为例，通过Blend，我们可以获取到控件的XAML，以下是部分截图：

　

　　粗略一看，只要稍作修改便能用到WPF中——我们几乎可以什么都不做！

 

二、添加功能

　　如果要更改圆点的数量，圆点的大小或者圆点的移动速度，我们该如何实现呢？继承章节一中的XAML，并根据所需调整模板就显得太麻烦了，这会让我们的样式文件显得臃肿不堪，所以采用纯粹的C#代码来实现它或许比较明智。不过之前的XAML也不是一无是处，至少它给出了环形进度条的关键帧动画的构成，这些信息对我们来说很重要，免去了我们自己去分析的步骤。

　　现在我们的主要工作就是让写死的关键帧能够通过属性灵活配置，所以我们可能需要先编码一份进度条的基类（ LoadingBase ），以提取两种类型进度条的共性。基类中定义8个属性，分别是 IsRunning 、 DotCount 、 DotInterval 、 DotBorderBrush