SwiftUI 如何使用 ProgressView 显示任务的进度?

SwiftUI 的 ProgressView 可以绑定到 Double 以显示水平进度条。 例如,这将创建一个标题为 Downloading 的进度条,其显示为 downloadAmount,以确定进度条应有多满:

struct ContentView: View {
    @State private var downloadAmount = 0.0

    var body: some View {
        VStack {
            ProgressView("Downloading…", value: downloadAmount, total: 100)
        }
    }
}

实际上,您需要某种方式来实际更改该值,例如计时器,网络请求或其他用户界面。 例如,这将在几秒钟内填满进度栏:

struct ContentView: View {
    @State private var downloadAmount = 0.0
    let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()

    var body: some View {
        VStack {
            ProgressView("Downloading…", value: downloadAmount, total: 100)
        }
        .onReceive(timer) { _ in
            if downloadAmount < 100 {
                downloadAmount += 2
            }
        }
    }
}

注意:如果您将进度值设置为高于进度总计,则 Xcode 会很生气–确保如上所示限制其上限。