11.4_统一管理动画组的持续时间

动画组持续时间统一管理

在 iOS 动画开发中，CAAnimationGroup 允许你将多个动画组合在一起，形成一个复杂的动画效果。 动画组的强大之处在于可以同步控制多个动画属性，让它们协调一致地运行。而统一管理动画组的持续时间，更是确保动画流畅性和协调性的关键。 让我们一起深入了解如何做到这一点！🎉

duration 属性的重要性

CAAnimationGroup 继承自 CAAnimation，因此它也有 duration 属性。 这个属性决定了整个动画组的播放时长。 你可以通过设置 duration 来控制动画组中所有动画的整体速度。 比如，你想让一组动画在 2 秒内完成，只需设置 animationGroup.duration = 2.0 即可。 这样，无论动画组中有多少个动画，它们都会在 2 秒内同步完成。

如何设置动画组的 duration

设置 CAAnimationGroup 的 duration 非常简单。 你只需要创建一个 CAAnimationGroup 实例，然后设置其 duration 属性即可。 如下所示：

let animationGroup = CAAnimationGroup()
animationGroup.duration = 3.0 // 设置动画组的持续时间为 3 秒

动画组中单个动画的 duration

动画组中的每个动画也可以有自己的 duration 属性。 但是，当动画组的 duration 被设置后，动画组会根据自身的 duration 和每个动画的 beginTime 来调整每个动画的播放速度，以确保所有动画在动画组的 duration 内完成。 举个例子，如果动画组的 duration 是 2 秒，而其中一个动画的 duration 设置为 4 秒，那么这个动画实际上会以两倍的速度播放，以便在 2 秒内完成。

使用 beginTime 实现动画延迟

你还可以使用 beginTime 属性来控制动画组中每个动画的启动时间。 beginTime 是相对于动画组开始时间的偏移量。 例如，如果一个动画的 beginTime 设置为 1 秒，那么这个动画会在动画组开始 1 秒后才开始播放。 结合 duration 和 beginTime，你可以创建出非常复杂的动画序列。

示例：同步缩放、旋转和移动动画

假设你想让一个视图同时进行缩放、旋转和移动，并且所有动画在 2 秒内完成。 你可以这样做：

1. 创建缩放动画、旋转动画和移动动画。
2. 设置每个动画的属性，例如缩放比例、旋转角度和移动距离。
3. 创建一个 CAAnimationGroup 实例。
4. 将所有动画添加到 CAAnimationGroup 的 animations 数组中。
5. 设置 CAAnimationGroup 的 duration 为 2 秒。
6. 将 CAAnimationGroup 添加到视图的图层上。

let scaleAnimation = CABasicAnimation(keyPath: "transform.scale")
scaleAnimation.toValue = 1.5

let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation")
rotateAnimation.toValue = CGFloat.pi

let moveAnimation = CABasicAnimation(keyPath: "position")
moveAnimation.toValue = CGPoint(x: 200, y: 300)

let animationGroup = CAAnimationGroup()
animationGroup.animations = [scaleAnimation, rotateAnimation, moveAnimation]
animationGroup.duration = 2.0

view.layer.add(animationGroup, forKey: nil)

通过统一管理动画组的持续时间，你可以确保所有动画同步完成，从而创建出流畅、协调的动画效果。 记住，duration 属性是控制动画组整体速度的关键！ 🚀