CAKEYFRAMEANIMATION动画制作教程 从基础到实现步骤详解

深入解析CAKeyframeAnimation：关键帧动画的核心机制

CAKeyframeAnimation是iOS Core Animation框架中用于构建复杂关键帧动画的核心类。与仅设置起始和结束状态的基础动画相比，关键帧动画的核心优势在于允许开发者定义动画过程中多个中间状态（关键帧）的具体数值，从而创造出变化丰富、轨迹多样的动态效果。其底层原理是系统根据您提供的关键帧数值序列及对应的时间点，自动进行插值计算，生成流畅的过渡动画。掌握关键帧、运动路径以及时间控制函数是精通CAKeyframeAnimation动画制作的基础。

在核心属性中，`values`数组用于设定动画属性（如位置、透明度、旋转角度）需要依次经过的关键数值序列。例如，实现视图位移时，`values`可包含多个CGPoint坐标点。与之配套的`keyTimes`数组则精确指定每个关键值发生的相对时间点（取值范围0至1），0代表动画开始，1代表动画结束。通过调整`keyTimes`，可以轻松控制动画各阶段的快慢节奏。此外，`calculationMode`属性决定了系统插值计算的方式，例如`linear`模式会进行线性均匀插值，确保运动速度恒定。

实战指南：使用values与keyTimes定义动画序列

创建CAKeyframeAnimation动画的第一步通常是配置`values`和`keyTimes`这对关键参数。假设我们需要实现一个视图从屏幕左侧平移到右侧，并在中途完成一次跳跃动作的动画效果。首先，我们需要确定三个核心关键帧坐标：起始点A、跳跃最高点B、最终落点C。将这三个CGPoint点按运动顺序存入`values`数组。

随后，为每个关键帧分配出现的时间点。若动画总时长设为2秒，期望在第0秒从A点出发，第1秒到达跳跃顶点B，第2秒抵达终点C。则对应的`keyTimes`比例数组应为[@0, @0.5, @1]。系统将依据此时间序列，自动生成从A到B、再从B到C的平滑中间帧，形成连贯动画。通过精细调整`keyTimes`的数值分布，您可以轻松模拟出“先加速后减速”或“弹性缓冲”等高级变速效果，这也是iOS动画开发中的常用技巧。

利用path属性创建复杂路径动画

除了通过`values`数组定义离散关键点，CAKeyframeAnimation还提供了更为强大的`path`属性，允许您直接使用CGPathRef或UIBezierPath对象来定义一条连续的动画运动轨迹。这种方法尤其适合实现沿圆形、正弦曲线或自定义贝塞尔曲线运动的复杂动画。一旦设置了`path`属性，动画将忽略`values`，图层的position属性将严格沿路径进行插值移动。

例如，要制作一个视图沿圆形轨道匀速运动的动画，您可以使用UIBezierPath(ovalIn:)便捷地创建圆形路径，并将其赋值给动画对象的`path`属性。同时，将`rotationMode`属性设置为`kCAAnimationRotateAuto`，可使视图在沿路径移动时自动旋转，使其朝向始终与路径切线方向一致，完美模拟出卫星环绕、车辆转弯等真实运动效果。相比用大量离散点去近似曲线，使用`path`属性不仅代码更简洁，而且动画精度和性能也更高。

完整代码示例：组合参数实现高级位移动画

下面通过一个完整的代码案例，演示如何综合运用各项参数实现一个带有抖动效果的位移动画。我们的目标是让一个名为`targetView`的UIView从屏幕左下角运动到右上角，并在中途添加两次轻微抖动。

首先，初始化CAKeyframeAnimation对象，并设置其`keyPath`为`position`。接着，在`values`数组中按序定义四个关键点坐标：起点、第一次抖动偏移点、第二次抖动偏移点、终点。在`keyTimes`数组中合理分配时间，例如让两次抖动分别发生在动画进度的30%和70%处。然后，设置动画总`duration`为1.5秒，`repeatCount`为1（即播放一次）。您还可以通过`timingFunction`数组为每一段动画区间指定不同的节奏函数（如淡入淡出），或通过`calculationMode`统一控制插值模式。最后，调用图层方法`add(_:forKey:)`将动画添加到视图的layer上，动画便会自动执行。本示例涵盖了从定义关键帧、控制时间线到设置动画节奏的完整流程，是掌握CAKeyframeAnimation基础与进阶用法的绝佳实践。