ios - 类似Apple Watch健身应用的渐变画环

Question

我是 Core Graphics 的新手，我想知道如何绘制类似于 Apple Watch 健身应用程序的渐变环。我正在尝试在 iOS 应用程序上执行此操作，因为我认为目前 WatchKit 尚不支持 Core Graphics。

我在下面的网站上找到了一个很好的绘制圆环的教程。

http://makeapppie.com/2015/03/10/swift-swift-basic-core-graphics-for-the-ring-graph/

但是我正在尝试弄清楚如何为笔触颜色添加渐变。到目前为止，根据我所发现的，没有直接的方法可以做到这一点。为了实现这一目标，我想我需要找到以下问题的答案:

• 是否有 API 可以在 Core Graphics 中创建圆形渐变？
• 是否可以在 Core Graphics 中应用渐变作为笔触颜色？

谢谢

Answer 1

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

首先，您需要创建 1-100 的图像(命名它们是导入的，因此请注意名称)以创建环形动画。您可以在模拟器中使用此应用来创建戒指图像:

GitHub - WatchRingGenerator

之后，您应该将动画图像导入到您的项目中(将它们导入到 .xcassets 或文件夹中并不重要，但要确保您的图像目标是您的 watch 应用程序，而不是 watch 应用程序扩展或 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
 }

希望对您有所帮助。