在 iOS 11 的怀抱中，交互式动画变得前所未有的简单

IOS

2023-09-09 06:36:14

交互式动画和自定义时机函数动画：iOS 11 及更早版本的指南

iOS 动画的世界在 iOS 11 之前一直充满了复杂性和令人头疼的陷阱，尤其是涉及交互式动画和自定义时序函数动画时。为了解开这个动画谜团，让我们深入了解早期版本的动画接口，看看它们是如何解决这些挑战的。

iOS 动画：基于 UIView 与基于 Core Animation

iOS 动画本质上依赖于两种基本方法：基于 UIView 的动画和基于 Core Animation 的动画。

基于 UIView 的动画 是使用 UIView 的 animate 系列方法进行操作。这些方法创建一个 CAAnimation 对象，并在 UIView 的图层上执行动画。这种方法简单易用。

基于 Core Animation 的动画 需要手动创建 CAAnimation 对象，并将其添加到 CALayer 上进行执行。这需要更深入的编码和控制。

交互式动画：让用户掌舵

交互式动画允许用户在动画进行时与动画对象交互，例如拖动对象或更改其属性。在 iOS 11 之前，实现这样的功能需要大量繁琐的代码和高出错率。

自定义时序函数：打造个性化动画曲线

自定义时序函数动画使我们能够定义动画运动的曲线，而不是依赖系统提供的默认曲线。通过微调动画的节奏和速度，可以创建引人注目的效果。

iOS 11 及更早版本的解决方案

虽然交互式动画和自定义时序函数动画在 iOS 11 之前是一个难题，但早期版本的开发者已经找到了方法来解决这些挑战，尽管这些方法通常繁琐且容易出错。

交互式动画：

使用 CADisplayLink ：通过创建一个定时器不断更新动画的状态，从而实现交互性。
使用自定义手势识别器 ：编写自定义手势识别器来检测用户的交互并更新动画。
利用第三方库 ：集成第三方库来简化交互式动画的实现。

自定义时序函数动画：

重写 UIView 的 animateWithDuration 方法 ：覆盖动画持续时间方法，以实现自定义时序曲线。
使用 CAMediaTimingFunction 类 ：创建 CAMediaTimingFunction 对象，提供自定义的时间曲线。
利用 Core Animation 的时间函数 ：使用 Core Animation 提供的 timeFunction 属性定义动画的节奏和速度。

iOS 11 及其革命性动画 API

iOS 11 引入了革命性的动画 API，彻底改变了交互式动画和自定义时序函数动画的实现方式：

UIViewPropertyAnimator： 这是一个新的动画类，专为创建交互式动画和自定义时序函数动画而设计。
CADisplayLink： 一个经过改进的定时器类，提供更好的动画控制和更新。
UIViewControllerAnimatedTransitioning： 一个协议，用于创建自定义的过渡动画。

iOS 11 中的交互式动画：UIViewPropertyAnimator

使用 UIViewPropertyAnimator，交互式动画变得轻而易举：

UIViewPropertyAnimator *animator = [[UIViewPropertyAnimator alloc] initWithDuration:1.0 curve:UIViewAnimationCurveEaseInOut animations:^{
    self.view.alpha = 0.0;
}];

animator.pausesOnCompletion = YES;

[animator addCompletion:^(UIViewAnimatingPosition finalPosition) {
    self.view.hidden = YES;
}];

[animator startAnimation];

这段代码创建一个动画，使 self.view 渐隐，动画持续时间为 1 秒，曲线为 UIViewAnimationCurveEaseInOut。动画完成后，self.view 将被隐藏。

iOS 11 中的自定义时序函数动画：CADisplayLink

使用 CADisplayLink，自定义时序函数动画同样简单：

CADisplayLink *displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(updateAnimation)];

[displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

self.animationTimer = displayLink;

这段代码创建一个 CADisplayLink 对象，并将其添加到主运行循环。在 displayLink 被触发时，它将调用 updateAnimation 方法来更新动画的状态。

- (void)updateAnimation {
    self.progress += 0.01;

    if (self.progress >= 1.0) {
        [self.animationTimer invalidate];
        self.animationTimer = nil;
    }

    self.view.alpha = self.progress;
}

这段代码在 updateAnimation 方法中，将 self.view 的 alpha 值从 0.0 渐变到 1.0，动画持续时间为 1 秒，曲线为自定义曲线。动画完成后，displayLink 将被销毁。

结论：动画的新纪元

iOS 11 的动画 API 带来了一个动画的新纪元，使交互式动画和自定义时序函数动画的实现变得前所未有的简单。借助这些功能强大的工具，开发者可以释放他们的创造力，打造令人惊叹的、引人入胜的动画体验。

常见问题解答

如何实现交互式动画拖放操作？
使用 UIViewPropertyAnimator 的拖放行为方法，例如 addDragHandlingWithResistanceFactor:。
自定义时序函数动画有什么好处？
自定义时序函数动画使你可以控制动画的节奏和速度，从而创建独特的和令人印象深刻的效果。
使用第三方库的好处是什么？
第三方库可以简化交互式动画的实现，提供预先构建的组件和优化。
如何覆盖 UIView 的动画持续时间方法？
覆盖 UIView 的 animateWithDuration:animations: 方法并提供自定义的动画持续时间实现。
iOS 11 动画 API 带来的主要优势是什么？
iOS 11 动画 API 简化了交互式动画和自定义时序函数动画的实现，提供更好的控制和灵活性。