10.1_使用values属性定义关键帧

关键帧动画的核心：values 属性

CAKeyframeAnimation 的 values 属性是其强大功能的核心所在。它允许你定义动画在不同时间点应该达到的具体值，从而实现比 CABasicAnimation 更复杂的动画效果。想象一下，你正在绘制一幅画，values 就像是你在画纸上标记的关键点，动画会沿着这些点平滑过渡。🎨

理解 values 数组的构成

values 属性是一个 Any 类型的数组，但通常它包含的是 NSNumber 或 CGPath 对象。每个元素都代表动画在特定“关键时刻”的状态。例如，如果你想让一个视图先放大再缩小，values 数组可能包含 [1.0, 1.5, 0.8, 1.0]，分别代表初始大小、放大到1.5倍、缩小到0.8倍，最后回到原始大小。

实际应用：创建跳动效果

让我们通过一个生动的例子来理解 values 的魔力。假设你想让一个按钮在屏幕上跳动起来，就像一个充满活力的皮球。你可以这样设置 values 属性：

let keyframeAnimation = CAKeyframeAnimation(keyPath: "position.y")
keyframeAnimation.values = [0, -20, 0, -10, 0] // 向上跳20点，落下，再向上跳10点，落下
keyframeAnimation.duration = 1.0
keyframeAnimation.repeatCount = .infinity

在这个例子中，position.y 是我们想要动画的属性。values 数组定义了按钮 Y 坐标的相对变化。

• 0：初始位置。
• -20：向上移动 20 点。
• 0：回到初始位置。
• -10：向上移动 10 点。
• 0：再次回到初始位置。

values 与 keyTimes 的协同作用

虽然 values 定义了动画的关键状态，但 keyTimes 属性则决定了这些状态在动画总时长中的发生时间。keyTimes 也是一个 NSNumber 数组，其值介于 0.0 到 1.0 之间，与 values 数组的元素一一对应。例如，如果 values 有 5 个元素，那么 keyTimes 也应该有 5 个元素。

• keyTimes = [0.0, 0.2, 0.5, 0.7, 1.0] 意味着第一个值在动画开始时（0.0）发生，第二个值在动画总时长的 20% 处发生，依此类推。
• 如果 keyTimes 未设置，系统会默认将 values 均匀分布在动画时长中。

掌握 values 的优势

使用 values 属性，你能够轻松实现各种复杂的动画效果，例如：

1. 路径动画：通过 CGPath 对象定义复杂的运动轨迹。
2. 抖动效果：通过一系列微小的位置变化模拟抖动。
3. 弹跳效果：通过逐渐减小的位移值模拟物体弹跳。
4. 颜色渐变：定义多个颜色值，实现平滑的颜色过渡。

掌握 values 属性，你将解锁 CAKeyframeAnimation 的巨大潜力，创造出令人惊叹的用户界面动画！🚀 超过 75% 的专业 iOS 开发者都表示，熟练运用关键帧动画是提升应用用户体验的关键技能之一。你也可以做到！