WPF+MVVM案例实战与特效（三十九）- 深度剖析一个弧形进度条的实现
文章目录
- 1、使用 Path 结合 ArcSegment 绘制圆弧
- 1、属性解读
- 2、静态圆弧
- 3、动态圆弧
- 4、运行效果
- 5、圆弧两端点的形状
- 2、总结
1、使用 Path 结合 ArcSegment 绘制圆弧
1、属性解读
Path 是 WPF 中的一个标记元素，用于绘制复杂的几何路径形状，而 ArcSegment 用于描述 Path 中两点之间的一条椭圆弧。两者结合可以很轻松的实现圆弧效果。
通常使用以下几个属性控制 ArcSegment：
| 属性 | 说明 |
|---|---|
| Size | X 轴和 Y 轴的半径。(相等时表示圆的半径) |
| IsLargeArc | 绘制大圆弧（大于180度）部分，还是小圆（小于180度）弧部分。 |
| SweepDirection | 弧线绘制的方向。（Clockwise 顺时针方向） |
| Point | 终点（起点在 Path 或外层 Segment 中描述）。 |
2、静态圆弧
在 WPF 中，原点坐标始终位于左上角，知道这个概念，那么就可以按照下面代码绘制一个弧形：