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

Question

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

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

我已经通过故事板做到了这一点：

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

Answer 1

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

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

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