问题

我将为您翻译所需的部分：

"I simplified my code into the example below.
将我的代码简化为以下示例。

After the view above has animated, its size changed. How can I apply animation to the frame of the view below?
在上面的视图动画完成后，它的大小发生了变化。我如何对下面视图的框架应用动画？

    View1()
    
    View2()
        .frame(maxHeight: .infinity)
}

struct View1: View {
    @State private var animate = false
    var body: some View {
        Circle()
            .frame(animate ? 100 : 200)
            .onTapGesture {
                animate.toggle()
            }
            .animation(.easeInOut, value: animate)
    }
}

struct View2: View {
    var body: some View {
        Color.red
    }
}

I tried this, it works. But everything else inside View2 would also animate, which is not what I want.
我尝试过这个，它可以工作。但是 View2 中的其他内容也会进行动画，这不是我想要的。

    .animation(.easeInOut)
```"

<details>
<summary>英文:</summary>

I simplified my code into the example below.

After the view above has animated, its size changed. How can I apply animation to the frame of the view below?

VStack {
View1()

View2()
    .frame(maxHeight: .infinity)

}

struct View1: View {
@State private var animate = false
var body: some View {
Circle()
.frame(animate ? 100 : 200)
.onTapGesture {
animate.toggle()
}
.animation(.easeInOut, value: animate)
}
}

struct View2: View {
var body: some View {
Color.red
}
}

I tried this, it works. But everything else inside View2 would also animate, which is not what I want.

View2()
.animation(.easeInOut)

</details>


# 答案1
**得分**: 1

看一下`.transaction`修饰符。

```swift
View2()
        .frame(maxHeight: .infinity)
        .transaction { transform in
          transform.animation = .easeInOut
        }

View2()
        .frame(maxHeight: .infinity)
        .transaction { transform in
          transform.animation = .easeInOut
        }

答案2

得分: 1

如果我理解正确：

• 您在VStack中有两个视图
• 当顶部视图变小时，您希望底部视图填充空间，带有动画效果
• 底部视图的内容不应该有过多的动画效果。

我认为实际上您需要关注的是VStack。VStack实际上会自动为其内容的更改添加动画效果，因此只需在切换标志时使用withAnimation，而不是显式使用.animation修饰符。

我认为以下代码可以实现您的需求：

struct View1: View {
    @State private var animate = false
    var body: some View {
        Circle()
            .frame(width: animate ? 100 : 200, height: animate ? 100 : 200)
            .onTapGesture {
                withAnimation {
                    animate.toggle()
                }
            }
    }
}

struct View2: View {
    var body: some View {
        Color.red
    }
}

struct ContentView: View {

    var body: some View {
        VStack {
            View1()

            View2()
                .frame(maxHeight: .infinity)
        }
    }
}

所以总结一下，使用withAnimation而不是.animation()。

struct View1: View {
    @State private var animate = false
    var body: some View {
        Circle()
            .frame(width: animate ? 100 : 200, height: animate ? 100 : 200)
            .onTapGesture {
                withAnimation {
                    animate.toggle()
                }
            }
    }
}

struct View2: View {
    var body: some View {
        Color.red
    }
}

struct ContentView: View {

    var body: some View {
        VStack {
            View1()

            View2()
                .frame(maxHeight: .infinity)
        }
    }
}