重复之前的 CAKeyframeAnimation 延迟答案

【问题标题】：CAKeyframeAnimation delay before repeating重复之前的 CAKeyframeAnimation 延迟
【发布时间】：2013-02-17 23:05:58
【问题描述】：

我有一个CAKeyframeAnimation 动画，我想使用repeatCount = HUGE_VALF 永远重复它。动画的持续时间为 2 秒，但我希望在每个循环之前暂停 3 秒。

我能想到的唯一两种方法是：

使整个动画持续 5 秒并添加额外的 keyTimes 和值，以便在 5 秒动画的最后 3 秒内获得我正在寻找的暂停。这感觉有点 hacky。
让动画只重复一次，然后添加使用 performSelector:afterDelay:2 之类的东西再次运行动画，依此类推。这也感觉很脏。也意味着我需要每 5 秒调用一次addAnimation:，我不确定这在性能方面是否最佳。

还有其他我可能会遗漏的选项吗？这两种方法中的一种是否比另一种更好？

【问题讨论】：

标签： iphone ios core-animation core-graphics

【解决方案1】：

在 Swift 4.2 上测试

只需实现以下扩展，然后您就可以在任何 UI 组件上获得漂亮的脉冲动画

//MARK:- Pulse animation
extension UIView {
    
    func applyPulse(_ apply: Bool = true) {
        if apply {
            let animation = CABasicAnimation(keyPath: "transform.scale")
            animation.toValue = 1.5
            animation.duration = 0.8
            animation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeOut)
            animation.autoreverses = true
            animation.repeatCount = Float.infinity
            self.layer.add(animation, forKey: "pulsing")
        } else {
            self.layer.removeAnimation(forKey: "pulsing")
        }
    }
}

用法：

开始

yourUiComponent.applyPulse()
停止

yourUiComponent.applyPulse(false)

【讨论】：

【解决方案2】：

samvermette 在 Swift 3 中的回答：

let animationGroup = CAAnimationGroup()
animationGroup.duration = 5;
animationGroup.repeatCount = .infinity

let easeOut = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)

let pulseAnimation = CABasicAnimation(keyPath: "transform.scale.xy")
pulseAnimation.fromValue = 0
pulseAnimation.toValue = 1.0
pulseAnimation.duration = 2
pulseAnimation.timingFunction = easeOut

animationGroup.animations = [pulseAnimation]

ringImageView.layer.add(animationGroup, forKey: "pulse")

【讨论】：

【解决方案3】：

通过转储 Apple 的 MKUserLocationView 的动画，我能够看到他们是如何做到的。原来这就是CAAnimationGroup 的用途。通过将 2 秒的动画封装到 5 秒的动画组中，您将得到一个 2 秒的动画，然后是 3 秒的延迟：

CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
animationGroup.duration = 5;
animationGroup.repeatCount = INFINITY;

CAMediaTimingFunction *easeOut = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

CABasicAnimation *pulseAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale.xy"];
pulseAnimation.fromValue = @0.0;
pulseAnimation.toValue = @1.0;
pulseAnimation.duration = 2;
pulseAnimation.timingFunction = easeOut;

animationGroup.animations = @[pulseAnimation];

[ringImageView.layer addAnimation:animationGroup forKey:@"pulse"];

【讨论】：

聪明的解决方案。干净整洁。你应该接受你自己的答案。 ;-)
Wooh.. 谢谢这位先生.. 到目前为止工作得很好.. :)