iPhone 动画基于输入值(触摸)而不是时间

Question

对于完全适合动画组方法的动画效果，如Brad Larson's answer here所示，我需要动画根据输入进行。特别是触摸和检测到的触摸的位置。处理 TouchMoved: 并为每次触摸设置元素的位置很容易，但它不像核心动画方法那样平滑。

想象一下有凹槽的轨道上的弹珠。我想将弹珠以任意速度向一个方向或另一个方向推到任意位置。动画必须做类似的事情，沿着路径移动视觉元素以响应触摸。 CAKeyframeAnimation 具有精确的路径位，但似乎总是希望将帧与帧之间的转换建立在时间流逝的基础上，而不是基于任何其他因素，并且是在一个方向上。

1 月 31 日更新 - 感谢迄今为止所有的回复，但没有一个能真正解决问题。我有一个圆形菜单，可以拖动它来选择一个选项。所有这些都需要一起移动，我已经通过使用应用了旋转变换的 View 来解决这个问题，并将逆旋转变换应用于其 subview ，以便图标都以适当的摩天轮方向旋转。当图标沿着稍微卵形的路径进行动画处理时，它确实看起来更好......大理石描述是为了弄清楚我想要做什么。也许更好地想象磁铁的方向是排斥所有在凹槽中移动的磁铁 - 移动一个磁铁，它的邻居也会移动，但不一定沿着被拖动的磁铁随着路径弯曲移动的方向。

现在的问题是遵循一个用一个圆创建的简单路径，但我真的很想知道如何沿着任意路径对对象进行动画处理，位置完全由触摸控制，不涉及速度或方向的计算。

Answer 1

您也许可以使用hierarchical nature of timelines在图层树中以实现您正在寻找的内容。实现 CAMediaTiming 的对象，其中包括 CAAnimation 和 CALayer，从其父级继承时间空间，它们可以修改该时间空间(通过缩放、移位和重复)并将其传播到其子级。通过将图层的 speed 属性设置为 0.0 并手动调整 timeOffset 属性，您可以将该图层(及其所有子图层)与通常的时间概念分离。

在您的情况下，您要做的是为所有菜单项定义动画，以便从时间 t₀ 到 t₁，在每个动画上使用适当的 timeOffset 以保持项目适当的间距。请注意，动画上的 beginTime 为 0.0 通常被解释为从动画添加到其图层的时间开始，因此如果您想要 t₀ 为 0.0，您可能必须将其设置为一个很小的 ​​epsilon > 0.0。

CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
animation.beginTime = 1e-100;
animation.duration = 1.0;
animation.fillMode = kCAFillModeBoth;
animation.removedOnCompletion = NO;
animation.path = path;
animation.calculationMode = kCAAnimationPaced;
animation.timeOffset = timeOffset;

然后，您可以将父图层(仅包含这些菜单项)上的 speed 属性设置为 0.0，并将其 timeOffset 更新为 t< 之间的值/i>₀ 和 t₁ 响应您的触摸事件。

这种方法有两个潜在的警告。因为您已经接管了该图层子树上的时间性质，所以您可能无法同时为其他属性设置动画。此外，如果您想要快速滑动的滑行行为，您可能需要自行设置时间动画。