在iPad的计时器中模拟计时器应用程序

Question

如果您在iPad上打开计时器应用程序，您会看到这个美丽的灰色圆圈，当您接近时间用完时，会慢慢变红。我想学习模仿这一点。我发现Quartz 2D是一种选择，尽管我发现在iOS上使用它很少。我完全是这样的n00b，所以我可能会错过一些巨大的，更简单的方法来让这个圈子四处走动。另外保持当前时间保持在中间。所以，如果任何人都可以指出我正确的方向，我会非常感激。提前致谢！

Answer 1

您可以使用CAShapeLayer来创建圆。使用Core Animation可以随着时间的推移从一种颜色过渡到另一种颜色。​​的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"]; 

您可能只想在计时器即将过期时添加动画。例如，一个小时以上的非常漫长而缓慢的动画会使圆圈在相当长的时间内大部分为红色，这不会帮助用户确定计时器到期之前的时间。