一、其实有现成的
先来看看Windows10进度条的两种模式：
网上有不少介绍仿制Windows10进度条的文章，也都实现了不错的效果。而我再开一文的原因是觉得如果在这基础上添加一些功能，比如圆点的数量，圆点的大小等等，效果可能会更好一些。接触过UWP的朋友应该知道，其框架中自带了进度条控件，以 ProgressRing 为例，通过Blend，我们可以获取到控件的XAML，以下是部分截图：
粗略一看，只要稍作修改便能用到WPF中——我们几乎可以什么都不做！
二、添加功能
如果要更改圆点的数量，圆点的大小或者圆点的移动速度，我们该如何实现呢？继承章节一中的XAML，并根据所需调整模板就显得太麻烦了，这会让我们的样式文件显得臃肿不堪，所以采用纯粹的C#代码来实现它或许比较明智。不过之前的XAML也不是一无是处，至少它给出了环形进度条的关键帧动画的构成，这些信息对我们来说很重要，免去了我们自己去分析的步骤。
现在我们的主要工作就是让写死的关键帧能够通过属性灵活配置，所以我们可能需要先编码一份进度条的基类（ LoadingBase ），以提取两种类型进度条的共性。基类中定义8个属性，分别是 IsRunning 、 DotCount 、 DotInterval 、 DotBorderBrush 、 DotBorderThickness 、 DotDiameter 、 DotSpeed 、 DotDelayTime ，它们的含义已经是自注释的，不必赘述。而在环形进度条中，还有另外两个属性： DotOffSet 和 NeedHidden ，分别表示圆点整体的位置偏移和在运动中是否需要隐藏圆点。
三、关键帧动画
最后一步就是用C#代码实现关键帧动画，不过得先有米才能做饭，故而需要先创建圆点：
1 protected Ellipse CreateEllipse(int index) 2 { 3 var ellipse = new Ellipse(); 4 ellipse.SetBinding(WidthProperty, new Binding("DotDiameter") {Source = this}); 5 ellipse.SetBinding(HeightProperty, new Binding("DotDiameter") {Source = this}); 6 ellipse.SetBinding(Shape.FillProperty, new Binding("Foreground") {Source = this}); 7 ellipse.SetBinding(Shape.StrokeThicknessProperty, new Binding("DotBorderThickness") {Source = this}); 8 ellipse.SetBinding(Shape.StrokeProperty, new Binding("DotBorderBrush") {Source = this}); 9 return ellipse; 10 }