ios - 在iPad的计时器应用程序中模仿计时器

Question

如果您在iPad上打开计时器应用程序，则会看到一个美丽的灰色圆圈，随着时间的流逝，它逐渐变成红色。我想学习模仿。我发现Quartz 2D是一种选择，尽管我发现有关将其用于iOS的信息很少。我在所有方面都相当n00b，因此我可能会缺少一些巨大的，更简单的方法来使圆绕转。另外，将当前时间保留在中间。

因此，如果有人能指出正确的方向，我将非常感激。提前致谢!

Answer 1

您可以使用CAShapeLayer制作圆圈。使用Core Animation设置从一种颜色到另一种颜色随时间变化的动画效果。 CAShaperLayer的fillColor属性是可动画的。它会像这样:

CAShapeLayer *myCircleLayer = ...; // create a circle layer and add it to your view
CABasicAnimation* transition = [CABasicAnimation animationWithKeyPath:@"fillColor"];
transition.fromValue = [UIColor grayColor];
transition.toValue = [UIColor redColor];
transition.duration = secondsUntilTimerExpires;
[myCircleLayer addAnimation:transition forKey:@"fillColor"];

您可能只想在计时器快要到期时添加动画。一个非常长而缓慢的动画(例如，一个小时以上)会使圆圈在相当长的时间内变成红色，这无助于用户确定计时器到期之前的时间。