SwiftUI：如何通过单个showView属性为不同视图设置差异化过渡动画

我明白你的需求：想用单个showView状态变量触发多个RoundedRectangle各自的过渡动画，不想用withAnimation{}，还要避开已经弃用的无value参数的.animation()写法。这里有个不复杂的方案，直接调整你的代码就能实现：

struct StackoverflowRep: View {
    
    @State var showView = false
    
    var body: some View {
        VStack {
            VStack {
                if showView {
                    // 第一个矩形：slide过渡 + easeIn动画
                    RoundedRectangle(cornerRadius: 30)
                        .overlay(Text(".transition(.slide)").foregroundColor(.blue))
                        .transition(.slide)
                        .animation(.easeIn, value: showView)
                    
                    // 第二个矩形：move过渡 + spring动画
                    RoundedRectangle(cornerRadius: 30)
                        .overlay(Text(".transition(.move())").foregroundColor(.blue))
                        .transition(.move(edge: .trailing))
                        .animation(.spring(), value: showView)
                    
                    // 第三个矩形：opacity过渡 + easeInOut动画
                    RoundedRectangle(cornerRadius: 30)
                        .overlay(Text("opacity transition").foregroundColor(.blue))
                        .transition(.opacity)
                        .animation(.easeInOut, value: showView)
                }
            }
            .padding()
            Button("Toggle") {
                showView.toggle()
            }
        }
    }
}

struct StackoverflowRep_Previews: PreviewProvider {
    static var previews: some View {
        StackoverflowRep()
    }
}

关键调整说明： #

• 前两个矩形：保留你原本定义的transition类型，给.animation()加上value: showView参数。这样当showView状态变化时，对应的视图就会用你指定的动画曲线执行过渡，完全符合你的预期。
• 第三个矩形：你之前手动设置opacity的方式没法触发绑定状态的动画，现在改用.transition(.opacity)，并绑定showView作为动画触发值，这样就能实现平滑的淡入淡出效果，和另外两个矩形的逻辑保持一致。

如果你想进一步定制，比如让某个视图的进入和退出动画不一样，还可以用不对称过渡：

// 示例：进入淡入，退出缩放消失
.transition(.asymmetric(insertion: .opacity, removal: .scale))
.animation(.easeInOut, value: showView)

整个方案完全依赖单个showView变量触发所有动画，没有额外的复杂逻辑，也不用withAnimation{}包裹状态修改。

内容的提问来源于stack exchange，提问作者Dince-afk