5.3_实现重复（.repeat）与自动反向（.autoreverse）

想要让你的动画更有活力吗？🎉 .repeat 和 .autoreverse 这两个选项绝对能帮到你！它们能让动画自动重复播放，或者在动画结束后自动反向播放，创造出非常有趣的效果。让我们一起看看如何使用它们吧！

使用 .repeat 实现动画重复

.repeat 选项可以让动画无限循环播放，直到你手动停止它。这对于创建持续的、吸引眼球的动画效果非常有用。例如，一个不停旋转的加载指示器，或者一个持续闪烁的按钮。

UIView.animate(withDuration: 1.0,
               delay: 0.0,
               options: [.repeat], // 使用 .repeat
               animations: {
    // 动画内容
    view.center.x += 100
}, completion: nil)

在这个例子中，view 会不断地向右移动 100 个像素，然后立即回到起始位置，再次向右移动，如此循环往复。是不是很简单呢？😎

使用 .autoreverse 实现动画自动反向

.autoreverse 选项可以让动画在播放完成后自动反向播放，然后再正向播放，形成一个来回的动画效果。这对于创建平滑、自然的动画过渡非常棒。比如，一个上下浮动的图标，或者一个左右摇摆的视图。

UIView.animate(withDuration: 1.0,
               delay: 0.0,
               options: [.autoreverse], // 使用 .autoreverse
               animations: {
    // 动画内容
    view.alpha = 0.0
}, completion: nil)

在这个例子中，view 会逐渐消失，然后又逐渐显示出来，形成一个淡入淡出的效果。是不是很酷？🤩

.repeat 和 .autoreverse 结合使用

更棒的是，你可以将 .repeat 和 .autoreverse 结合起来使用，创造出更复杂的动画效果！例如，一个来回移动并不断改变透明度的视图。

UIView.animate(withDuration: 1.0,
               delay: 0.0,
               options: [.repeat, .autoreverse], // 同时使用 .repeat 和 .autoreverse
               animations: {
    // 动画内容
    view.center.x += 100
    view.alpha = 0.5
}, completion: nil)

在这个例子中，view 会来回移动，并且透明度也会在 1.0 和 0.5 之间变化。是不是很有趣？🥳

停止重复动画

如果你想停止一个正在重复播放的动画，你需要移除视图上的所有动画图层。你可以使用 layer.removeAllAnimations() 方法来实现。

view.layer.removeAllAnimations()

记住，及时停止动画可以避免不必要的资源消耗，保持应用的流畅性。👍

实际应用场景

• 加载指示器：使用 .repeat 创建一个持续旋转的加载指示器，让用户知道应用正在加载数据。
• 按钮提示：使用 .autoreverse 创建一个轻微的按钮动画，吸引用户的注意力。
• 背景动画：结合 .repeat 和 .autoreverse 创建一个微妙的背景动画，增加应用的视觉吸引力。

希望这些例子能给你带来启发！动画的世界充满了无限可能，尽情发挥你的创造力吧！🚀