如何在 Swift 中创建分段圆形进度条？

Question

我想创建一个如图所示的进度条：

我使用了this blog中提到的代码 但我无法添加分隔符并减少它们之间的空间。

我通过故事板设法做到了这一点：

如何更改代码或有更简单的创建方法？

Answer 1

你没有在进度指示器上指定你想要什么样的动画，但是实现你在第一个屏幕截图中显示的绘图当然应该没有任何问题；我能够在几分钟内把它放在一起：

那幅画中的每一件事物（除了脸）都是一个 CAShapeLayer：深色背景圈是一个形状图层，它前面的动画绿色圆圈是一个形状图层，八条小线中的每一条线都表示线段是一个形状层。所以我总共有十个形状层。它们按此顺序添加，因此小线出现在其他所有内容的前面。

如果目标是在离散的步骤中“填充”每个片段，而不是通过所有值的平滑动画，那么这是对我已经描述的内容的微不足道的修改。