如何使用 iOS 10 UIViewPropertyAnimator 为圆形路径上的视图设置动画

Question

是否可以使用新的 iOS 10 UIViewPropertyAnimator 为圆形路径中的视图设置动画？

我知道它可以通过 CAKeyframeAnimation 完成，按照如何沿圆形路径设置 UIView 动画？

如何使用新 API 实现相同的结果？

Answer 1

我最终得到了以下结果。 本质上，计算圆上的点并使用 animateKeyFrames 在它们之间移动。

let radius = CGFloat(100.0)
let center = CGPoint(x: 150.0, y: 150.0)
let animationDuration: TimeInterval = 3.0
let animator = UIViewPropertyAnimator(duration: animationDuration, curve: .linear)
animator.addAnimations {
    UIView.animateKeyframes(withDuration: animationDuration, delay: 0, options: [.calculationModeLinear], animations: {
        let points = 1000
        let slice = 2 * CGFloat.pi / CGFloat(points)

        for i in 0..<points {
            let angle = slice * CGFloat(i)
            let x = center.x + radius * CGFloat(sin(angle))
            let y = center.y + radius * CGFloat(cos(angle))

            let duration = 1.0/Double(points)
            let startTime = duration * Double(i)
            UIView.addKeyframe(withRelativeStartTime: startTime, relativeDuration: duration) {
                ninja.center = CGPoint(x: x, y: y)
            }
        }
    })
}
animator.startAnimation()