8.4_设置fillMode与removedOnCompletion

理解动画的生命周期

在iOS动画中，fillMode 和 removedOnCompletion 是两个至关重要的属性，它们共同决定了动画在执行完毕后的行为。掌握它们能让你对动画的控制力达到一个新的高度！🚀

当你创建一个 CAAnimation 实例并将其添加到 CALayer 上时，动画会按照你设定的时间曲线和持续时间运行。然而，动画结束后，图层会恢复到其模型层（Model Layer）的属性值。这常常导致动画“跳回”到初始状态，这可不是我们想要的！

fillMode 的魔力

fillMode 属性决定了动画在非活动时间（即动画开始前和结束后）如何影响图层。它有四个可选值，每个都带来不同的效果：

• forwards: 动画结束后，图层会保持动画的最终状态。这是最常用的模式之一，因为它能让你的动画效果持久化。
• backwards: 动画开始前，图层会立即跳到动画的起始状态。这在某些预加载动画中非常有用。
• both: 结合了 forwards 和 backwards 的效果，动画开始前保持起始状态，结束后保持最终状态。
• removed: 这是默认值。动画结束后，图层会恢复到其模型层的原始状态。

例如，如果你想让一个视图移动到屏幕右侧并停留在那里，你一定会设置 fillMode 为 forwards。想象一下，一个按钮优雅地滑入视图并固定在那里，是不是很棒？✨

removedOnCompletion 的作用

removedOnCompletion 属性是一个布尔值，默认为 true。它控制着动画在执行完毕后是否从图层上移除。

• true: 动画执行完毕后，会自动从图层上移除。如果 fillMode 设置为 forwards，图层会保持动画的最终状态，但动画对象本身会被销毁。
• false: 动画执行完毕后，会继续保留在图层上。这在需要手动控制动画移除的场景中非常有用，例如，当你需要暂停或恢复动画时。

通常情况下，我们会将 removedOnCompletion 设置为 false，并配合 fillMode = .forwards 来确保动画结束后视图停留在最终位置。这样，动画效果就能完美地“冻结”在最后一帧。

实践中的组合应用

让我们看一个实际的例子。假设你有一个视图，想让它从屏幕左侧移动到右侧，并在右侧停留。

let animation = CABasicAnimation(keyPath: "position.x")
animation.fromValue = 0
animation.toValue = 300
animation.duration = 1.0
animation.fillMode = .forwards // 动画结束后保持最终状态
animation.isRemovedOnCompletion = false // 动画不从图层移除
myView.layer.add(animation, forKey: "moveX")

这段代码将确保 myView 移动到 x 坐标 300 的位置后，会一直停留在那里，不会跳回原点。这正是我们想要的持久化效果！

提升用户体验的关键

正确使用 fillMode 和 removedOnCompletion 可以极大地提升你的应用的用户体验。一个流畅、自然的动画效果能让用户感到愉悦，并对你的应用留下深刻印象。

• 避免闪烁: 动画结束后立即跳回原点会造成视觉上的闪烁，影响用户体验。
• 保持状态: 许多UI元素在动画后需要保持其最终状态，例如一个展开的菜单或一个移动到新位置的图标。
• 更精细的控制: 当你需要更复杂的动画链或交互时，将 removedOnCompletion 设置为 false 可以让你对动画的生命周期有更细致的掌控。

记住，动画不仅仅是视觉上的花哨，更是提升应用可用性和用户满意度的强大工具。掌握这些核心概念，你就能创造出令人惊叹的动画效果！🚀✨