SwiftUI的形式—滑块

SwiftUI中的Slider 窗体控件让我们可以创建一个用户可以向左或向右滑动以减少或增加其数值的条形图。

我们通过设置3个参数来初始化一个滑块。value,in,step 。

@State private var age: Double = 0

//...

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

in 限制了我们可以使用的最小和最大值。

step 意思是我们每次可以按1的数值步进，在这种情况下我们可以从0到1到2等等。你可以使用10，或0.2，等等。

Double 因为Slider ，所以默认情况下，我们把小数也递增。

例子。

struct ContentView: View {
    @State private var age: Double = 0
    
    var body: some View {
        Form {
            Slider(value: $age, in: 0...100, step: 1)
            Text("\(age)")
        }
    }
}

注意我是如何添加一个Text 视图来显示age 的值的。

由于它是一个双数，我们有很多小数。

我们可以对其进行格式化，但对于这个问题，我们会有另一篇文章。