SwiftUI 2.0 ProgressView 基礎教程含代碼

本文價值與收穫

看完本文後，您將能夠作出下面的界面

基礎知識

progressview

顯示任務完成進度的視圖。

struct ProgressView<Label> where Label : View

使用進度視圖可以顯示任務正在逐步完成。 進度視圖可以顯示確定的（完成百分比）和不確定的（正在進行或不正在進行）類型的進度。通過初始化一個ProgressView來創建確定的進度視圖，該View綁定了一個表示進度的數字值和一個表示任務完成的總值。 默認情況下，進度爲0.0，總計爲1.0。

下面的示例使用狀態屬性progress來顯示確定的ProgressView中的進度。 進度視圖使用其默認的總計1.0，並且由於進度以初始值0.5開始，因此進度視圖開始爲半完成。 進度視圖下方的“更多”按鈕允許用戶以5％的增量遞增進度：

@State private var progress = 0.5

VStack {
    ProgressView(value: progress)
    Bu