-1

在 SwiftUI 中，我已经设法在视图第一次绘制到屏幕时使用animation(_:)macOS 12 中已弃用的修饰符来制作 Button 动画。

我试图用新的animation(_:value:)修饰符替换它，但这次没有任何反应：所以这不起作用：

struct ContentView: View {
    @State var isOn = false
    var body: some View {
        Button("Press me") {
            isOn.toggle()
        }
        .animation(.easeIn, value: isOn)
        .frame(width: 300, height: 400)
    }
}

但是，这是有效的。为什么？

struct ContentView: View {
    var body: some View {
        Button("Press me") {
        }
        .animation(.easeIn)
        .frame(width: 300, height: 400)
    }
}

第二个示例在视图显示时为按钮设置动画，而第一个示例不执行任何操作

4

1 回答 1

1

animation(_:)和之间的区别animation(_:value:)很简单。前者是隐式的，后者是显式的。的隐含性质animation(_:)意味着任何时候任何事情发生变化，它都会做出反应。它的另一个问题是试图猜测你想要动画什么。因此，这可能是不稳定和出乎意料的。还有一些其他问题，所以苹果干脆弃用了它。

animation(_:value:)是一个显式动画。它只会在你给它的值改变时触发。这意味着您不能只将其粘贴在视图上并期望视图在它进入时进行动画处理。您需要更改 an 中的值.onAppear()或使用一些在视图出现时自然更改的值来触发动画。您还需要有一些修饰符专门对更改的值做出反应。

struct ContentView: View {
    @State var isOn = false
    //The better route is to have a separate variable to control the animations
    // This prevents unpleasant side-effects.
    @State private var animate = false
    
    var body: some View {
        VStack {
            Text("I don't change.")
                .padding()
            Button("Press me, I do change") {
                isOn.toggle()
                animate = false
                // Because .opacity is animated, we need to switch it
                // back so the button shows.
                DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
                    animate = true
                }
            }
            // In this case I chose to animate .opacity
            .opacity(animate ? 1 : 0)
            .animation(.easeIn, value: animate)
            .frame(width: 300, height: 400)
            // If you want the button to animate when the view appears, you need to change the value
            .onAppear { animate = true }
        }
    }
}
于 2021-12-22T15:08:41.510 回答