在iOS中为基于图形的计时器和进度条设置动画

Question

请参阅上面的图片，其中显示了计时器的图形，以及进度条的图形，我想在更新每个值时设置动画。随着值的更新，动画这些动画的最佳方法是什么？此外，计时器和进度条彼此独立。

感谢。

Answer 1

您是否考虑过使用Tapku库为您执行此操作？

但是，如果我自己这样做，我会使用核心图形，并让进度条通过订阅说MyProgressBarController来监听进度更新（或超时/失败）。我无法分辨你的问题是关于这样做或代码的图形。

CoreGraphics绝对可以做你想要的，使用一些模糊和阴影来模仿边缘外观。

Answer 2

对于进度条（底部的进度条），您可以使用CAShapeLayer和CGPath来表示填充了多少条形图。然后使用CABasicAnimation设置CAShapeLayer的“路径”属性的动画。

Core Animation Programming Guide

Core Animation Reference Collection

我相信还有很多其他的库也会为你做这件事，你可能想要研究一下。

另一种选择：使用您自己的外观子类UIProgressView，然后只使用[MyProgressView setProgress:100 animated:YES]