/

SwiftUI 表單：滑桿

SwiftUI 表單：滑桿

在 SwiftUI 中，Slider 是一個表單控制元件，讓使用者可以左右滑動來增加或減少其值。

我們可以透過設定三個參數來初始化一個 Slider：value、in、step：

1
2
3
4
5
@State private var age: Double = 0

//...

Slider(value: $age, in: 0...100, step: 1)

in 參數用於限制可以使用的最小值和最大值。

step 參數代表每次可以增加或減少的數值，例如這裡設定為 1，表示我們可以從 0 開始，每次增加 1，依次類推。你也可以使用其他的數值，例如 10 或 0.2。

由於 Slider 使用 Double 值，預設會出現小數位數。

範例程式碼如下：

1
2
3
4
5
6
7
8
9
10
struct ContentView: View {
    @State private var age: Double = 0
    
    var body: some View {
        Form {
            Slider(value: $age, in: 0...100, step: 1)
            Text("\(age)")
        }
    }
}

圖片1

圖片2

請注意我加入了一個 Text 視圖來顯示 age 的值。

由於 age 是一個 Double 值，因此會有許多小數位數。

我們可以對其進行格式化，但這將在另一篇文章中討論。

tags: [“SwiftUI”, “Slider”, “表單”, “滑桿”]