“红色警戒” Quartz 2D 或 CALayer 动画的动画效果？

Question

我是动画新手，我只是找不到有关如何创建警报灯（闪烁的简单红色警报灯）的数据。

我知道如何制作 CALayer 动画和 Quartz 2D 的基础知识，我只是在寻找有关如何实现背光效果的教程或方向？

谢谢 沙尼

Answer 1

非常hacky的代码（可以工作，但尽量不要在生产中使用它）：

self.uiView1.backgroundColor = [UIColor redColor];

CABasicAnimation* selectionAnimation1 = [CABasicAnimation 
                                        animationWithKeyPath:@"opacity"];

selectionAnimation1.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];

selectionAnimation1.fromValue = [NSNumber numberWithFloat:0.0];
selectionAnimation1.toValue = [NSNumber numberWithFloat:1.0];

selectionAnimation1.duration = 0.10;
selectionAnimation1.repeatCount = 20;

[self.uiView1.layer addAnimation:selectionAnimation1
                       forKey:@"opacity"];


self.uiView2.backgroundColor = [UIColor blackColor];

CABasicAnimation* selectionAnimation2 = [CABasicAnimation 
                                        animationWithKeyPath:@"opacity"];

selectionAnimation2.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];

selectionAnimation2.fromValue = [NSNumber numberWithFloat:1.0];
selectionAnimation2.toValue = [NSNumber numberWithFloat:0.0];

selectionAnimation2.duration = 0.10;
selectionAnimation2.repeatCount = 20;

[self.uiView2.layer addAnimation:selectionAnimation2
                          forKey:@"opacity"];

uiView1 & uiView2 彼此完全重叠。您可以将两个 uiView 替换为两个 UIImageView，其中一个具有打开的灯图像（红色），另一个具有关闭的灯图像（黑色/灰色）。在这种情况下，背景颜色的变化将是多余的。