SwiftUI中如何为@Published修饰的View切换添加动画？

这个问题我之前也碰到过，SwiftUI里用AnyView做视图切换时动画不生效的核心原因，是AnyView的类型擦除让SwiftUI没法追踪视图的变化——它不知道前后两个AnyView背后其实是不同的视图，自然不会触发动画。给你两个靠谱的解决方案，看你需求选：

方案一：用枚举管理视图类型（推荐） #

放弃直接存AnyView，改用枚举定义所有可能的视图类型，通过枚举状态的变化触发动画。这种方式类型安全，SwiftUI能清晰追踪状态变化，动画效果最稳定。

1. 定义视图类型枚举 #

// 枚举所有需要切换的视图类型
enum ViewType {
    case empty
    case night
    // 后续新增视图直接加case即可
}

2. 修改ViewModel #

用@Published维护枚举状态，切换时用withAnimation包裹状态变化：

class MasterViewModel: ObservableObject {
    @Published var currentViewType: ViewType = .empty
    
    func changeView() {
        // 用withAnimation包裹，告诉SwiftUI要为这次状态变化应用动画
        withAnimation(.easeIn(duration: 1)) {
            self.currentViewType = .night
        }
    }
}

3. 更新MasterView #

根据枚举渲染对应视图，并给每个视图添加过渡动画：

struct MasterView: View {
    @State var playerLeft: Bool = false
    @ObservedObject var viewModel: MasterViewModel
    
    var body: some View {
        ZStack {
            WaitPlayerBackView(isShowing: self.$playerLeft) {
                switch viewModel.currentViewType {
                case .empty:
                    EmptyView()
                        .transition(.opacity) // 淡入淡出过渡
                case .night:
                    NightView()
                        .transition(.slide) // 滑动过渡，也可以用move(edge: .trailing)等
                }
            }
        }
    }
}

方案二：保留AnyView的兼容方案 #

如果你的场景必须用AnyView（比如视图是动态生成、数量无法提前枚举），可以通过给视图绑定唯一ID的方式，让SwiftUI识别这是新视图，从而触发动画。

1. 修改ViewModel #

新增一个viewId属性，每次切换视图时更新ID，同时用withAnimation包裹：

class MasterViewModel: ObservableObject {
    @Published var currentView: AnyView = AnyView(EmptyView())
    @Published var viewId: UUID = UUID() // 唯一标识当前视图
    
    func changeView() {
        withAnimation(.easeIn(duration: 1)) {
            self.viewId = UUID() // 更新ID，让SwiftUI认为是新视图
            self.currentView = AnyView(NightView())
        }
    }
}

2. 更新MasterView #

给currentView绑定ID，并添加过渡动画：

struct MasterView: View {
    @State var playerLeft: Bool = false
    @ObservedObject var viewModel: MasterViewModel
    
    var body: some View {
        ZStack {
            WaitPlayerBackView(isShowing: self.$playerLeft) {
                viewModel.currentView
                    .id(viewModel.viewId) // 绑定唯一ID
                    .transition(.scale) // 缩放过渡，可自定义其他效果
            }
        }
    }
}

关键原理说明 #

SwiftUI的动画依赖可追踪的状态变化：

• 方案一中的枚举是明确的状态，修改枚举时SwiftUI能感知到变化，自动为视图切换应用transition动画；
• 方案二中的viewId相当于给视图打了一个“身份标签”，每次切换时更新标签，SwiftUI会把它当成全新的视图，从而触发过渡动画。

你之前尝试的直接给AnyView加animate、用单独的animate属性控制ZStack，都没有绑定到视图切换的核心状态变化上，所以动画无法生效。

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