ios - 如何在 CABasicAnimation 之后使 UI 对象响应

Question

在 CABasicAnimation 滑入和反弹后，我无法尝试找到一种方法使我的 UI 对象 (UISegmentedControl) 响应触摸。我怎样才能做到这一点？

我知道 UI 对象在移动后位于表示树中。但我真的很喜欢 CABasicAnimation 提供的 setTimingFunction 功能，我只是无法使用 UIView 动画获得如此平滑的弹跳。

GIF 动画示例(循环):

我在 viewDidLoad 中使用的代码

CABasicAnimation *startAnimation = [CABasicAnimation animationWithKeyPath:@"transform.translation.y"];
[startAnimation setFromValue:[NSNumber numberWithFloat:0]];
[startAnimation setToValue:[NSNumber numberWithFloat:slidingUpValue]];
[startAnimation setDuration:1.0];
startAnimation.fillMode = kCAFillModeForwards;
startAnimation.removedOnCompletion = NO;
[startAnimation setTimingFunction:[CAMediaTimingFunction functionWithControlPoints:0.0 :0.0 :0.3 :1.8]];
[[gameTypeControl layer] addAnimation:startAnimation forKey:nil];

Answer 1

出了什么问题

问题是这两行代码并且不理解使用它们的副作用:

startAnimation.fillMode = kCAFillModeForwards;
startAnimation.removedOnCompletion = NO;

第一行将动画配置为在动画完成后继续显示结束值(您可以在 my little cheat sheet 中看到 fillMode 和其他与时间相关的属性的可视化)。

第二行将动画配置为在完成后保持附加到图层。

这听起来不错，但缺少核心动画的一个重要部分:添加到图层的动画永远不会影响模型，只会影响演示。 Core Animation Programming Guide在“Core Animation Basics”部分的第二页提到这一点:

The data and state information of a layer object is decoupled from the visual presentation of that layer’s content onscreen.

动画发生在一个单独的层上，称为表示层，也就是您在屏幕上看到的层。如果您在动画期间打印出动画属性的值，它们根本不会改变。

在动画过程中，演示文稿和模型之间存在差异，但动画可能很短，并且一旦动画结束，这种差异就会消失，所以这并不重要......除非动画不不要走开。然后差异一直存在，现在您必须处理两个地方的不同步数据。

如何不解决这个问题

可以说一切看起来都不错，只是 HitTest 是错误的。让我们进行补丁 HitTest !将 HitTest 更改为使用段控件层的表示层， HitTest 将起作用。太好了，对吧？这就像将一 block 膏药叠加在另一 block 上，而不是从源头上解决问题。

如何消除副作用

这很简单:不要使用这些线条，并在它们完成后删除动画。有人可能会说这种技术(不删除动画)已被 Apple 在幻灯片和示例代码中使用，因此这是 Apple 推荐的方法，但有一个微妙的细节很容易被忽略:

当 Apple 在 WWDC 2007 上推出 Core Animation 时，他们使用这种技术来制作层被移除(例如，淡出)的动画。下面的引述来自第 211 节课 - 将核心动画添加到您的应用程序:

• To animate layer removal, use animations with
  fillMode = forwards, removedOnCompletion = NO
  • Animation delegate can remove the layer

在这种情况下，最好不要移除动画，因为它可能会导致图层在从图层层次结构中移除之前跳回其原始大小、不透明度等一帧。正如他们在上面的幻灯片中所说:“动画委托(delegate)可以删除图层”(即:进行清理)。

在其他情况下，没有人进行清理，您会在两个地方(如上所述)留下不同步数据的困惑局面。

解决方案是采用不同的动画方法

在构建动画时，我试着这样想:

If your animation mysteriously went away, the model value should be the expected end state.

应用于您的示例，分段控件正朝着它的最终位置移动并停在那里。在那种情况下，分段控件的实际位置应该是结束位置。即使没有动画，应用程序也应该可以正常工作。

那么动画呢？不是从 0 偏移到某个偏移设置动画，而是反转它并从某个负偏移设置动画到 0 偏移。

CABasicAnimation *startAnimation = [CABasicAnimation animationWithKeyPath:@"transform.translation.y"];
[startAnimation setFromValue:@(-slidingUpValue)]]; // these two changed 
[startAnimation setToValue:@(0.0)];                // places with each other
[startAnimation setDuration:1.0];
// no fill mode
// animation is removed on completion
[startAnimation setTimingFunction:[CAMediaTimingFunction functionWithControlPoints:0.0 :0.0 :0.3 :1.8]];
[[gameTypeControl layer] addAnimation:startAnimation forKey:@"Move in game type control from bottom"]; // I like adding descriptive keys for easier debugging