iOS、Swift：手势控制的动画

Question

我试图找到一种将用户交互（平移手势）与动画联系起来的方法。我想通过拖动视图（或仅通过手指在屏幕上平移）来控制动画进度。

我想我可以通过使用 Core Animation 来做到这一点，但我没有找到任何与我的需求示例相似的地方。 我有一个CGPath，我想画它。 我知道有 strokeStart 和 strokeEnd 属性是可动画的，并且从“绘图”的角度来看完全可以满足我的需求。

使用具有给定path 属性的图层，我可以使用 CABasicAnimation 为这条路径设置动画

layer.path = myPath
//... layer configuration
let pathAnimation = CABasicAnimation(keyPath: "strokeEnd")
pathAnimation.duration = 2
pathAnimation.fromValue = 0
pathAnimation.toValue = 1
layer.addAnimation(pathAnimation, forKey: "strokeEndAnimation")

在这里我们可以看到从第一个路径点到最后一个路径的动画。

好的，但我需要用手势控制这个动画。 比方说，如果我们将手指在屏幕上向右平移，我们的路径动画会直接向前绘制（例如 strokeStart = 0 和 strokeEnd = 1），如果我们从右向左平移，我们将看到向后动画（例如倒带）（例如 strokeStart = 1 和 strokeEnd = 0)。

我知道，如何获取手势方向、translationInView、velocityInView，我想在更改状态下设置动画，而不是结束。 (UIGestureRecognizerState.Changed)

但由于这些麻烦，我不知道如何将手势控制与动画结合起来：

• 动画的持续时间。 （我不知道手势会有多快或多慢）
• 我需要如何实现动画，因为在更改状态下调用非常频繁

我看过 animateWithDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completion:

但持续时间问题再次出现。

希望有人能帮助我，如果你误解了什么，问我，我会尽力澄清。

Answer 1

比方说，如果我们在屏幕上向右平移手指，我们的路径动画会直接向前绘制（例如 strokeStart = 0 和 strokeEnd = 1），如果我们从右向左平移，我们将看到向后动画（如倒带） （例如 strokeStart = 1 和 strokeEnd = 0）。

如果我理解正确，解决方案是通过将层的 speed 设置为 0 来冻结动画，然后通过设置层的 timeOffset 来设置动画的“帧”。