绘图环的渐变类似于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 或文件夹中并不重要，但请确保您的图像目标是您的手表应用程序而不是手表应用程序扩展或 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
 }

希望能帮助到你。