使用 Core 动画为 StrokeColor 制作动画

Question

我正在尝试对 CAShapeLayar 的描边颜色属性进行动画处理。我浏览了文档，据说它是一个可动画的属性。该代码适用于对 postion.y 进行动画处理，但不适用于对 strokeColor 进行动画处理。我很乐意获得任何类型的帮助或建议

我使用的代码：

lyr.fillColor = [[UIColor clearColor] CGColor];
lyr.lineWidth = 3.8;
lyr.strokeColor = [[UIColor yellowColor] CGColor];
lyr.position = CGPointMake(160, 431);
lyr.anchorPoint = CGPointMake(.5f, .5f);
[self.view.layer addSublayer:lyr];

CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath:@"strokeColor"];
basicAnimation.fromValue = [lyr valueForKey:@"strokeColor"];



basicAnimation.toValue =[NSValue valueWithPointer:[[UIColor clearColor] CGColor]];


basicAnimation.duration = 2;
basicAnimation.repeatCount = 10;
basicAnimation.autoreverses = YES;
[lyr addAnimation:basicAnimation forKey:@"strokeColor"];

提前致谢， 或者。

Answer 1

这应该可行，正如我刚刚测试的那样：

CABasicAnimation *strokeAnim = [CABasicAnimation animationWithKeyPath:@"strokeColor"]; // I changed the animation pointer name, but don't worry.
basicAnimation.toValue = (id) [UIColor clearColor].CGColor; // Just get rid of the fromValue line, and just cast the CGColorRef to an id.
basicAnimation.duration = 2;
basicAnimation.repeatCount = 10;
basicAnimation.autoreverses = YES;
[lyr addAnimation:strokeAnim forKey:@"flashStrokeColor"]; // I like to name this key differently, so as not create confusion.

请注意，我从动画中删除了 fromValue 属性行，因为您需要与在动画之前设置描边颜色相同的值（它是多余的）。
另外，我将 borderColor 的 CGColorRef 转换为 id，这正是 toValue 属性想要的。

Answer 2

接受的答案代码的一个重要陷阱是 addAnimation 方法的 forKey: 参数必须是要阻止触发其隐式动画的属性的名称。由于您正在使用 CABasicAnimation 创建显式动画，因此您不希望隐式动画和新创建的显式动画相互干扰。请参阅 WWDC 2010 视频，了解第 424 场核心动画 - 核心动画实践部分1 在第 39 分钟标记进行确认。