2.5_显式动画与隐式动画的交互

显式动画与隐式动画的交互

显式动画和隐式动画在 SwiftUI 中各有千秋，理解它们的交互方式至关重要。掌握它们之间的关系，能让你更灵活地控制动画效果，创造出更精美的用户界面。🎉

动画优先级

当显式动画和隐式动画同时作用于同一个视图属性时，显式动画拥有更高的优先级。这意味着，如果一个属性既有隐式动画，又有 withAnimation 代码块包裹的显式动画，那么显式动画会覆盖隐式动画。

例如，你可能已经使用 .animation() 修饰符为视图添加了隐式动画。但是，如果之后你使用 withAnimation 代码块修改同一个属性，那么 withAnimation 中定义的动画效果将会生效。

动画覆盖

显式动画不仅会覆盖隐式动画，还会影响其后续行为。一旦显式动画执行完毕，该属性将不再受隐式动画的影响，除非你再次显式地应用隐式动画。

考虑以下场景：

你使用 .animation() 为一个视图的 opacity 属性添加了隐式动画。
然后，你使用 withAnimation 代码块，以不同的动画曲线和时长修改了 opacity 属性。
显式动画结束后，opacity 属性将保持显式动画结束时的状态，不再受初始隐式动画的影响。

混合使用策略

虽然显式动画通常会覆盖隐式动画，但你仍然可以巧妙地将它们结合起来，创造出更复杂的动画效果。一种常见的策略是：

使用隐式动画为视图添加一个默认的动画效果。
使用显式动画在特定情况下覆盖默认动画，例如，当用户进行特定操作时。

这种方法可以让你在保持代码简洁的同时，灵活地控制动画效果。记住，动画的目的是提升用户体验，让你的应用更加生动有趣！ 🤩

示例代码

swift

struct ContentView: View {
    @State private var isAnimating = false

    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: isAnimating ? 20 : 10)
                .fill(.blue)
                .frame(width: 200, height: 200)
                .scaleEffect(isAnimating ? 1.2 : 1.0)
                .animation(.linear(duration: 0.5), value: isAnimating) // 隐式动画

            Button("Toggle Animation") {
                withAnimation(.spring(response: 0.5, dampingFraction: 0.5)) { // 显式动画
                    isAnimating.toggle()
                }
            }
        }
    }
}

在这个例子中，RoundedRectangle 具有隐式动画，但 Button 的点击事件会触发一个显式动画，覆盖隐式动画。这样，你就可以根据需要控制动画效果，创造出更吸引人的用户界面。 🚀

2.5_显式动画与隐式动画的交互 ​

显式动画与隐式动画的交互 ​

动画优先级 ​

动画覆盖 ​

混合使用策略 ​