ios - 如何在UIButton上执行本机"脉冲效果"动画

Question

我希望在UIButton上有一些脉冲动画(无限循环"缩放 - 缩小"),以便立即引起用户的注意.

我看到了这个链接如何使用-webkit-animation创建脉冲效果 - 外向环但我想知道是否有任何方法只使用本机框架来做到这一点？

任何帮助非常感谢 - 代码示例甚至更好;-)

Answer 1

CABasicAnimation *theAnimation;

theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"];
theAnimation.duration=1.0;
theAnimation.repeatCount=HUGE_VALF;
theAnimation.autoreverses=YES;
theAnimation.fromValue=[NSNumber numberWithFloat:1.0];
theAnimation.toValue=[NSNumber numberWithFloat:0.0];
[theLayer addAnimation:theAnimation forKey:@"animateOpacity"]; //myButton.layer instead of

迅速

let pulseAnimation = CABasicAnimation(keyPath: #keyPath(CALayer.opacity))
pulseAnimation.duration = 1
pulseAnimation.fromValue = 0
pulseAnimation.toValue = 1
pulseAnimation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
pulseAnimation.autoreverses = true
pulseAnimation.repeatCount = .greatestFiniteMagnitude
view.layer.add(pulseAnimation, forKey: "animateOpacity")

看到这篇文章

Answer 2

这是它的快速代码;)

let pulseAnimation:CABasicAnimation = CABasicAnimation(keyPath: "transform.scale")
pulseAnimation.duration = 1.0
pulseAnimation.toValue = NSNumber(value: 1.0)
pulseAnimation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
pulseAnimation.autoreverses = true
pulseAnimation.repeatCount = .greatestFiniteMagnitude
self.view.layer.add(pulseAnimation, forKey: nil)

Answer 3

快速代码缺少一个fromValue,我不得不添加它以使其工作.

pulseAnimation.fromValue = NSNumber(float: 0.0)

也forKey应该设置,否则removeAnimation不起作用.

self.view.layer.addAnimation(pulseAnimation, forKey: "layerAnimation")