7、iOS 动画：关键帧动画与自动布局实战

iOS 动画：关键帧动画与自动布局实战

1. 动画基础要点

在动画制作中，我们并非局限于在一次动画调用中仅对单个视图属性进行动画处理，而是可以自由地组合和重叠动画。为了创建复杂的效果，我们可以运用任何觉得合适的“技巧”，甚至在动画期间创建临时视图。

2. 关键帧动画概述

关键帧动画是一种特殊的视图动画，它不像普通动画那样从 A 点直接过渡到 B 点，而是允许我们创建包含多个里程碑的动画。关键帧是构建复杂且美观动画的重要组成部分，能让我们从简单的一次性动画升级到设计复杂的动画序列。

例如，若要让一个视图按矩形模式移动，使用传统的完成闭包链式调用动画会出现大量嵌套代码：

UIView.animate(withDuration: 0.5,  
  animations: { 
    view.center.x += 200.0 
  },  
  completion: { _ in 
    UIView.animate(withDuration: 0.5,  
      animations: { 
        view.center.y += 100.0 
      },  
      completion: { _ in 
        UIView.animate(withDuration: 0.5,  
          animations: { 
            view.center.x -= 200.0 
          },  
          completion: { _ in 
            UIView.anim