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

我們可以透過設定三個參數來初始化一個 Slidervalueinstep

@State private var age: Double = 0

//...

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

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

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

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

範例程式碼如下:

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 值,因此會有許多小數位數。

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