ios - 如何在Swift中为遵循BezierPath的imageView的点1到2和点2到3设置不同的animation.duration时间？

Question

我有一个带有 BezierPath 的 UIView subview 和一个沿着从 a 到 b 的路径的 ImageView。该路径有 8 个点，我需要点 1 到点 2 的持续时间与点 2 到点 3 等的持续时间不同

我已经能够设置 View 和路径，并沿着路径为图像设置动画，但完整动画的持续时间相同。这是我的动画代码，任何帮助将不胜感激。

let pathToFollow = path
    let animation = CAKeyframeAnimation(keyPath: #keyPath(CALayer.position))
    animation.path = pathToFollow?.cgPath
    animation.duration = 10.0
    animation.calculationMode = kCAAnimationPaced
    animation.delegate = self
    self.icons[Icon].layer.add(animation, forKey: nil)

Answer 1

您有一个关键帧动画，这是一个好的开始。但您忘记添加一些实际的框架!为此，请提供一些keyTimes。 (并删除kCAAnimationPaced；这意味着整个动画具有单一速度，这与您所说的相反。)

请注意，对于此类路径动画，帧分割点是用于定义路径的贝塞尔点，因此一切都取决于路径最初的构建方式。

这是一个实际的例子:

观察我们在绕广场行驶时如何在每个拐角处加速。角点是控制点所在的位置。这是我使用的代码:

    let path = CGPath(rect: CGRect(x: 120, y: 120, width: 100, height: 100), 
        transform: nil)
    let anim = CAKeyframeAnimation(keyPath: #keyPath(CALayer.position))
    anim.duration = 10
    anim.path = path
    anim.calculationMode = .linear
    anim.keyTimes = [0.0, 0.7, 0.9, 0.98, 1.0]
    self.v.layer.add(anim, forKey: nil)