SwiftUI中如何为Rectangle组件使用withAnimation动画？

你原来的代码用的是 iOS15 后弃用的全局 .animation() 写法，所以会收到警告。要实现视图出现时的动画，得通过状态变量驱动动画，下面给你两种靠谱的实现方式：

方式一：使用 withAnimation #

适合在视图出现时主动触发状态变化，从而带动画：

struct ContentView: View {
    // 定义状态变量控制高度，初始设为0（隐藏状态）
    @State private var rectangleHeight: CGFloat = 0
    let alturas: (CGFloat, CGFloat) = (100, 50) // 替换成你的实际数据
    
    var body: some View {
        Rectangle()
            .foregroundColor(.green)
            .frame(width: 20, height: max(10, rectangleHeight))
            .cornerRadius(6)
            .onAppear {
                // 用withAnimation包裹状态修改，自动触发动画
                withAnimation(.easeInOut(duration: 0.6)) {
                    rectangleHeight = alturas.0
                }
            }
    }
}

方式二：使用 animation(_:value:) #

将动画绑定到特定状态变量，只要变量变化就会触发对应动画：

struct ContentView: View {
    @State private var rectangleHeight: CGFloat = 0
    let alturas: (CGFloat, CGFloat) = (100, 50)
    
    var body: some View {
        Rectangle()
            .foregroundColor(.green)
            .frame(width: 20, height: max(10, rectangleHeight))
            .cornerRadius(6)
            // 绑定到rectangleHeight，变量变化时自动触发动画
            .animation(.easeInOut(duration: 0.6), value: rectangleHeight)
            .onAppear {
                // 直接修改状态，动画由绑定的animation(_:value:)触发
                rectangleHeight = alturas.0
            }
    }
}

你的尝试写法问题在哪？ #

你原来的 withAnimation 闭包里只写了 .easeInOut(duration: 0.6)，没有实际修改任何视图属性，自然不会有动画效果。withAnimation 的核心作用是包裹状态修改操作，让这个修改过程带上指定动画。

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