swift - Swiftui withAnimation(.linear) 中的持续时间参数

Question

我在研究 Swift UI 的线性动画技术时发现，与我的预期相反，增加持续时间似乎并没有使动画发生得更慢。这是故意的吗？如果是这样，我该如何制作较慢的动画？

示例代码:

struct ButtonView: View {
    @State var show: Bool = false
    var body: some View {
        ZStack{
            if show {
                withAnimation(.linear(duration: 50)) {
                    CollapsibleView()
                }
            }
        }
        Button(action: { show = !show }) {
            Text("Press Me")
        }
    }
}


struct CollapsibleView: View {
    var body: some View {
        VStack {
            Text("Text 1")
            Text("Text 2")
            Text("Text 3")
        }
    }
}

@main
struct app: App {
    var body: some Scene {
        WindowGroup {
            ButtonView()
        }
    }
}

尝试更改持续时间参数，看看您是否能注意到较慢的动画。我达到了 5000(我假设这是以秒为单位？)并且它仍然以看似相同的速度进行动画处理。

Answer 1

您已将 withAnimation 放置在 View 层次结构中。您真正想要它的地方是在 Button 的操作中:

struct ButtonView: View {
    @State var show: Bool = false
    var body: some View {
        ZStack{
            if show {
                CollapsibleView()
            }
        }
        Button(action: {
            withAnimation(.linear(duration: 10)) {
                show.toggle()
            }
            
        }) {
            Text("Press Me")
        }
    }
}

或者，您可以在 ZStack 上使用 .animation:

struct ButtonView: View {
    @State var show: Bool = false
    var body: some View {
        ZStack{
            if show {
                CollapsibleView()
            }
        }
        .animation(.linear(duration: 10), value: show)
        Button(action: {
            show.toggle()
        }) {
            Text("Press Me")
        }
    }
}