如何在swiftUI中执行春季动画？

Question

我想将春季动画应用于我的RectangleView。但是我不知道如何开始。因为我要添加动画，但是它不起作用。

这是我的代码

        Rectangle()
            .foregroundColor(.red)
            .frame(width: 250, height: 400, alignment: .center)
            .animation(.spring(response: 0, dampingFraction: 1, blendDuration: 10))

有人可以帮忙吗？

Answer 1

添加动画后，您的代码似乎对Rectangle不执行任何操作。您必须添加Button，以便单击该按钮即可执行任何此类操作，

struct ContentView: View {

    @State private var isScaleChange = false
    var body: some View {

        VStack(spacing: 40) {
            Rectangle()
                .foregroundColor(.red)
                .frame(width: 250, height: 400, alignment: .center)
                .scaleEffect(isScaleChange ? 0.5 : 1)
                .animation(.spring(response: 1, dampingFraction: 0.5, blendDuration: 100.0))
            Button("Animate") {
                self.isScaleChange.toggle()
            }
        }
    }
}

并将响应值从0更改为1。