如何在 Swift 中重复链接动画？

Question

我想永远为整个链条设置动画。

UIView.animate(withDuration: 2.0, delay: 0.2, options: .curveEaseOut, animations: {
        self.circleImageView.transform = CGAffineTransform(scaleX: 9, y: 9)
    }) { (_) in
        UIView.animate(withDuration: 2.0, delay: 0.2, options: .curveEaseIn, animations: {
            self.circleImageView.transform = CGAffineTransform(scaleX: 0.01, y: 0.01)
        }, completion: nil)
    }

Answer 1

将其包装在一个方法中：

func repeatingAnimation() {
    UIView.animate(withDuration: 2.0, delay: 0.2, options: .curveEaseOut, animations: {
        self.circleImageView.transform = CGAffineTransform(scaleX: 9, y: 9)
    }) { (_) in
        UIView.animate(withDuration: 2.0, delay: 0.2, options: .curveEaseIn, animations: {
            self.circleImageView.transform = CGAffineTransform(scaleX: 0.01, y: 0.01)
        }, completion: { [weak self] _ in
            self?.repeatingAnimation()
        })
    }
}

Answer 2

您可以将两个动画包裹在一个关键帧动画中。然后你可以 .repeat 那：

UIView.animateKeyframes(withDuration: 4.4, delay: 0, options: .repeat, animations: { 
    UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 2.0/4.4) { 
        self.circleImageView.transform = .init(scaleX: 9, y: 9)
    }
    UIView.addKeyframe(withRelativeStartTime: 0.5, relativeDuration: 2.0/4.4) { 
        self.circleImageView.transform = .init(scaleX: 0.01, y: 0.01)
    }
})

如何在 Swift 中重复链接动画？

How can I repeat chained animation in Swift?

swift

xcode

animation

uikit

xcode11