Ios 绘制类似Apple Watch健身应用程序的渐变环

我对Core Graphics非常陌生，我想知道如何绘制类似Apple Watch健身应用程序的渐变环。我正试图在iOS应用程序上实现这一点，因为我认为目前WatchKit还不支持核心图形

我在下面的网站上找到了一个很好的绘制戒指的教程

然而，我试图找出如何添加一个渐变到笔划颜色。到目前为止，根据我所发现的情况，没有一种直接的方法可以做到这一点。为了实现这一点，我想我需要找到以下问题的答案：

• 是否有API在核心图形中创建圆形渐变
• 是否可以在核心图形中应用渐变作为笔划颜色

---

谢谢

你现在必须找到你问题的答案，但我会为每个试图创造同样东西的人回答

首先，您需要从1-100创建图像（命名它们是导入的，所以请小心命名）以创建环形动画。您可以在模拟器中使用此应用程序创建戒指图像：

之后，您应该将动画图像导入到项目中（无论是在.xcsets还是在文件夹中导入，但确保图像目标是您的手表应用程序，而不是手表应用程序扩展或ios应用程序）

之后，您可以按如下方式创建动画：

 override func awakeWithContext(context: AnyObject?){
 super.awakeWithContext(context)
 imageView.setImageNamed("ringImage-")
 }

 override func willActivate() {
 imageView.startAnimatingWithImagesInRange(NSMakeRange(1, 46), duration: 1, repeatCount: 1)
 //This code will animate the ring from ringImage-1 to ringImage-46
 }

---

希望能有所帮助。

我是一名设计师，不是开发人员，所以请接受我的建议。作为一名设计师，我会首先创造纯色的戒指，没有渐变。然后我会在它上面放置一层，是一个半透明的完整环，有一个从黑色到透明的角度（或径向）梯度。根据您想要的渐变强度，将不透明度（或alpha）设置为10-40%左右

您可以使用Sketch或Illustrator等设计应用程序创建角度渐变或绘制角度渐变，如下所述：

---

希望有帮助。

您可以使用SpriteKit和着色器创建圆形路径渐变。看看回购中的方法

---

干杯

找到解决方案的运气如何？从watchOS 3开始，您可以使用SpriteKit。看看我的答案。然而，梯度可能有点棘手。你可以试试