SwiftUI：如何无需额外变量，响应Toggle变化实现视图属性动画

你完全可以去掉animatedToggle这个冗余状态变量，直接复用原有的toggle状态来实现动画效果，以下是两种简洁的实现方式：

方式一：给Toggle绑定直接附加动画 #

直接给$toggle绑定添加.animation()修饰符，这样Toggle状态变化时，所有依赖toggle的视图属性（颜色、透明度、布局）都会自动应用默认动画：

import SwiftUI

struct OverlayView: View {
    
    @State var toggle: Bool = false
    
    var body: some View {
        
        VStack {
            Image(systemName: "figure.arms.open")
                .resizable()
                .scaledToFit()
                .foregroundColor(toggle ? .green : .red)
                .opacity(toggle ? 1 : 0.2)
            
            if toggle {
                Spacer()
            }
            
            Toggle("Overlay", isOn: $toggle.animation()) // 绑定附加动画
        }
    }
}

方式二：用withAnimation精确控制动画 #

如果需要自定义动画类型（比如缓动曲线、时长），可以保留onChange闭包，直接用withAnimation包裹状态变化逻辑，无需额外变量：

import SwiftUI

struct OverlayView: View {
    
    @State var toggle: Bool = false
    
    var body: some View {
        
        VStack {
            Image(systemName: "figure.arms.open")
                .resizable()
                .scaledToFit()
                .foregroundColor(toggle ? .green : .red)
                .opacity(toggle ? 1 : 0.2)
            
            if toggle {
                Spacer()
            }
            
            Toggle("Overlay", isOn: $toggle)
                .onChange(of: toggle) { _ in
                    // 自定义动画示例：0.5秒的缓入缓出动画
                    withAnimation(.easeInOut(duration: 0.5)) {}
                }
        }
    }
}

两种方案都能实现和你原有代码一致的动画效果，且省去了维护额外状态变量的麻烦。第一种更适合全局默认动画，第二种则能满足个性化动画需求。

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