第 43 章
使用 Gauge 視圖顯示進度並創建速度計

SwiftUI 提供了一個強大的視圖 Gauge 用於顯示進度。這個多功能的元件可以讓你在指定範圍內直觀地呈現任何數值。在本章中，我們將探討如何有效地使用 Gauge 視圖，並運用其各種樣式來在 iOS 應用程式中創建直觀且具視覺吸引力的進度指示器。

Gauge 視圖是用來顯示當前數值在有限範圍中的水平，就像是汽車中的油量錶。開發者可以配置 Gauge 的顯示，例如是 Gauge 當前的數值、範圍、及描述其的用途的標籤。

- Apple 官方文件

Gauge 最簡單的使用方法是這樣的：

struct ContentView: View {
    @State private var progress = 0.5

    var body: some View {
        Gauge(value: progress) {
            Text("Upload Status")
        }
    }
}

在最基本的形式中，Gauge 的預設範圍是 0 到 1。如果我們將 value 參數設置為 0.5，SwiftUI 就會呈現一個進度條，指示任務已完成了 50%。

或者，我們也可以為 current value、minimum value 和 maximum value 設置標籤：

想更深入學習SwiftUI和下載完整程式碼？你可以從 AppCoda網站購買《精通 SwiftUI》完整電子版。