SwiftUI中如何选择性忽略属性的隐式动画？

在iOS 16及更高版本中，SwiftUI的动画修饰器行为发生了调整——直接在同一个视图链上叠加多个.animation(_:value:)修饰器无法分别作用于不同属性，只会有单个修饰器生效（具体取决于顺序）。要实现矩形尺寸变化无动画、颜色变化带弹簧动画的需求，可以采用以下两种方案：

方案1：使用Transaction精准控制动画 #

通过Transaction可以细粒度地控制不同属性变化时的动画行为：

struct ContentView: View {
    @State private var isSelected = false
    var body: some View {
        VStack {
            Rectangle()
                .frame(width: isSelected ? 350 : 100, height: 250)
                .foregroundColor(isSelected ? .red : .green)
                // 为颜色变化指定弹簧动画
                .transaction { transaction in
                    if transaction.animation == nil {
                        transaction.animation = .spring()
                    }
                }
        }
        .onTapGesture {
            // 触发状态变化时，禁用尺寸的动画
            var transaction = Transaction()
            transaction.animation = nil
            withTransaction(transaction) {
                isSelected.toggle()
            }
        }
    }
}

核心逻辑：触发状态变化时，通过Transaction禁用整体动画，但在视图上为颜色属性单独指定动画，这样尺寸变化会遵循无动画规则，颜色变化则应用弹簧动画。

方案2：拆分视图层级隔离动画 #

将需要独立控制动画的属性拆分到不同的视图层级，分别添加动画修饰器：

struct ContentView: View {
    @State private var isSelected = false
    var body: some View {
        VStack {
            // 包裹尺寸属性，禁用动画
            Group {
                Rectangle()
                    .frame(width: isSelected ? 350 : 100, height: 250)
            }
            .animation(nil, value: isSelected)
            // 为颜色属性添加弹簧动画
            .foregroundColor(isSelected ? .red : .green)
            .animation(.spring(), value: isSelected)
        }
        .onTapGesture {
            isSelected.toggle()
        }
    }
}

这种方式通过Group将尺寸属性的视图部分隔离，单独设置无动画，而颜色属性的修饰器作用于后续视图链，实现不同属性的动画分离。

内容的提问来源于stack exchange，提问作者squarefrog