12

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

想象一个有凹槽的轨道上的大理石。我想在一个方向或另一个方向上以任何速度将弹珠推到任何位置。动画必须做类似的事情，沿着路径移动视觉元素以响应触摸。CAKeyframeAnimation 完全具有路径位，但似乎总是希望从帧到帧的过渡基于经过的时间，而不是任何其他因素，并且在一个方向上。

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

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

4

5 回答 5

7

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

在您的情况下，您要做的是定义所有菜单项的动画，以CGPath在时间t 0到t 1期间沿您想要的位置设置动画，并在每个动画上使用适当timeOffset的动画以使您的项目保持适当的间距。请注意，beginTime动画上的 a 为 0.0 通常被解释为从动画添加到其层的时间开始，因此如果您希望t 0为 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，并将其更新为t 0和t 1timeOffset之间的值以响应您的触摸事件。

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

于 2011-02-02T17:40:08.163 回答
1

如果您的目标是 iOS 4.0 或更高版本，那么您可以使用新的基于块的类方法来开始对视图对象进行动画更改。因此，从您的触摸事件中，您可以对视图上的属性进行动画更改：

[UIView animateWithDuration:1.0 animations:^{
    yourView.alpha = 0.0; // fade out yourView over 1 second
}];

注意这可以很容易地改变视图上的另一个属性，比如它的位置。您可以通过这种方式在视图上为以下属性设置动画：

@property frame
@property bounds
@property center
@property transform
@property alpha
@property backgroundColor
@property contentStretch

如果您针对的是早期版本的 iOS，您将需要使用 UIView beginAnimations和commitAnimations方法来创建动画块：

[UIView beginAnimations:nil context:context];
[UIView setAnimationDuration:1.0]; 
yourView.alpha = 0.0;
[UIView commitAnimations];

这个东西真的很好用，一旦你开始使用它，你必须小心不要上瘾。;)

更新评论：

您可以将弹珠的位置绑定到触摸事件的位置。一旦获得touchesEnded事件，您就可以使用动画块为大理石的位置设置动画。

于 2011-01-18T03:25:58.030 回答
1

速度=距离/时间。您可以尝试根据触摸移动和时间给予延迟。您可以计算 touchesBegan 和 touchesEnded 方法之间的时间。

于 2011-01-23T09:52:34.060 回答
0

我不完全确定我完全理解你想要做什么，但是......为什么不直接在用户手指所在的地方绘制弹珠呢？不需要动画。如果你想在用户放手后让弹珠继续移动，你需要保持一个动量的概念，并用它来动画弹珠减速。您可以为此使用 CoreAnimation 或计时器。

于 2011-01-26T22:52:17.577 回答
0

我会在移动的触摸中进行速度计算，并将其添加到一个块可以通过计时器改变的局部变量。

换句话说，在触摸移动时，考虑到先前速度的方向进行速度计算。在接触结束时，发射一个方块，当你渴望时，它会翻译“大理石”衰减速度。如果用户再次移动弹珠，修改局部变量，这将反过来加快弹珠的动画或减慢/根据触摸方向改变方向。

于 2011-01-27T10:06:36.753 回答