在 SwiftUI 中，Transaction 是一个结构体，它封装了关于视图状态更新的元数据，特别是动画相关的信息。换句话说，Transaction 表示一次状态变化提交的上下文，它决定了这次更新如何被动画化以及其他一些过渡相关的行为。

主要内容 #

1. 动画元数据
   Transaction 里通常包含一个可选的动画对象（Animation），这意味着当状态发生变化时，SwiftUI 会利用 Transaction 中指定的动画来执行更新。如果你没有显式指定，则会使用系统默认的动画（或不使用动画）。

2. 视图更新上下文
   Transaction 除了控制动画外，还能传递其他元数据，允许你对整个视图层次结构的更新过程进行一些全局调整。例如，你可以在一个 Transaction 中禁用所有动画或调整动画的速率。

3. 修改 Transaction
   SwiftUI 提供了一个 view 修饰符 .transaction(_:)，让你可以修改当前视图更新过程中的 Transaction。例如，你可以改变动画设置或其他参数，从而让一部分视图在更新时具有不同的动画效果。

4. withTransaction(::) 函数
   你还可以使用全局函数 withTransaction 来在执行某段代码时临时替换 Transaction，这样在这段代码产生状态变化时，会使用你定义的 Transaction 参数。

示例代码 #

下面的示例展示了如何在更新视图时使用 .transaction 修饰符改变动画属性：

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

    var body: some View {
        VStack {
            Rectangle()
                .fill(isExpanded ? Color.green : Color.blue)
                .frame(width: isExpanded ? 300 : 100, height: 100)
                // 使用 transaction 修改动画设置：这里禁用了动画
                .transaction { transaction in
                    transaction.disablesAnimations = true
                }
                .onTapGesture {
                    withTransaction(Transaction(animation: .easeInOut(duration: 0.5))) {
                        isExpanded.toggle()
                    }
                }
            Text("点击上面的矩形切换尺寸")
        }
    }
}

在这个例子中：

• 我们用 withTransaction 创建了一个新的 Transaction，并指定了一个动画；
• 同时，利用 .transaction 修饰符在视图层次中禁用了动画，这里只是用来说明 Transaction 可以被调整；
• 通过这种方式，你可以精细控制哪些状态变化应当使用动画，哪些则不使用动画。

总结 #

• Transaction 在 SwiftUI 中代表一次状态提交的上下文，主要用于传递动画信息及其他更新元数据。
• 你可以通过 .transaction(_:) 修饰符修改 Transaction，从而改变视图更新的动画行为。
• 使用 withTransaction(::) 可以临时替换当前的 Transaction，为某段代码指定自定义的更新上下文。

这种设计使得 SwiftUI 的状态更新和动画控制更加灵活和声明式，帮助你在构建复杂交互效果时更好地管理动画行为。

关系 #

在 SwiftUI 中，Transaction、Animation 和 Transition 三者虽然都与动画相关，但它们各自扮演不同的角色，并且可以结合使用来实现更精细的动画效果：

1. 各自的角色 #

• Animation
  描述动画的基本参数，例如时间、曲线等，用于定义状态变化时的动画效果。你可以用 withAnimation 或 .animation() 修饰符来指定动画。

• Transition
  专注于视图的出现和消失时的动画效果。例如，当一个视图插入或移除时，transition 定义了它如何从无到有或从有到无过渡（如淡入、滑动、缩放等）。

• Transaction
  是一个容器，用于封装一系列状态变化及其相关的动画信息。它不仅可以携带动画（通过 animation 属性），还允许你对整个状态更新周期进行细粒度的控制，比如禁用动画或修改动画参数。

2. 它们之间的关系 #

• 当你触发状态变化并希望该变化伴随动画效果时，SwiftUI 会在幕后创建一个 Transaction，自动将动画信息（例如通过 withAnimation 指定的动画）与状态变化关联起来。
• Transition 通常应用在视图插入/移除时，而这类动画也会在 Transaction 的上下文中执行。例如，在使用 transition(_:) 修饰符时，SwiftUI 会将 Transition 动画纳入到当前 Transaction 中。
• Transaction 可以通过 .transaction { ... } 修饰符在视图层级中进一步自定义动画行为（例如禁用动画或调整动画参数），这种修改会影响该 Transaction 内所有的动画效果，包括与 Animation 或 Transition 相关的部分。

3. 如何结合使用 #

3.1 使用 withAnimation 包装状态更新 #

使用 withAnimation 时，你实际上是在创建一个 Transaction，其中包含了你指定的动画：

withAnimation(.easeInOut(duration: 0.5)) {
    // 状态变化，将以 easeInOut 动画执行
    viewModel.toggleState()
}

这个 Transaction 会自动携带动画信息，SwiftUI 在执行状态变化和相应视图更新时，会使用这个动画。

3.2 使用 transaction 修饰符 #

你可以对某个视图的 Transaction 进行自定义，比如禁用动画或修改动画参数，这会影响该视图及其子视图中所有与状态变化相关的动画效果：

Text("Hello, SwiftUI!")
    .transaction { transaction in
        transaction.disablesAnimations = true
    }

这样，无论这个视图如何更新状态，都不会触发动画。

3.3 与 Transition 结合 #

当你为视图添加 transition 时，视图的插入和删除动画会与当前 Transaction 关联。例如：

if isVisible {
    Text("Animated View")
        .transition(.slide)
}

你可以在状态变化时使用 withAnimation 包装，确保插入和移除都使用 slide transition 动画：

withAnimation(.spring()) {
    isVisible.toggle()
}

此时，插入/删除时的 transition（.slide）将会在 spring 动画环境下执行，同时 Transaction 也会包含相关动画参数。

总结 #

• Animation 定义了动画的风格和时长，用来描述状态变化过程中的动画效果。
• Transition 专门用于描述视图插入或移除时的动画方式。
• Transaction 则是一个上下文容器，它将状态变化、Animation 和 Transition 整合在一起，可以对整个更新周期进行定制控制，比如禁用或修改动画行为。

通过结合使用 withAnimation、.animation()、.transition() 和 .transaction { } 修饰符，你可以对 SwiftUI 中的动画效果进行细致的控制，实现既流畅又符合设计预期的用户体验。