如何在 Swift 中創建分段圓形進度條？

Question

我想創建一個進度條，如圖所示：

我使用了這個博客中提到的代碼，但我無法添加分隔符並減少它們之間的空間。

我已經通過 storyboard 設法做到了這一點：

如何更改代碼或有更簡單的創建方法？

Answer 1

您沒有在進度指示器上指定您想要什么樣的 animation，但當然實現您在第一個屏幕截圖中顯示的繪圖應該沒有任何問題； 我能夠在幾分鍾內把它放在一起：

畫中的每一件事物（除了臉）都是一個 CAShapeLayer：深色背景圈是一個形狀層，它前面的動畫綠色圓圈是一個形狀層，指示線段的八條小線中的每一條都是一個形狀層。 所以我總共有十個形狀層。 它們按此順序添加，因此小線出現在其他所有內容的前面。

如果目標是以離散步驟“填充”每個段，而不是通過所有值平滑 animation，那么這是對我已經描述的內容的微不足道的修改。