SwiftUI 如何创建滑块 Slider 并从中读取值?

4 min read

在 SwiftUI 中,我们可以使用 Slider 控件来创建一个滑块,并监听其值的变化。下面是一个简单的例子:

struct ContentView: View {
    @State private var sliderValue = 50.0

    var body: some View {
        VStack {
            Slider(value: $sliderValue, in: 0...100, step: 1.0)
            Text("\(sliderValue)")
        }
    }
}

在这个例子中,我们创建一个名为 sliderValue 的状态变量,用来存储滑块的值。通过 Slider 控件,我们可以设置该变量的值,并将其绑定到 value 属性上。instep 属性分别用来设置滑块的取值范围和步长。最后,我们在 Text 控件中显示当前的滑块值。

注意这里使用了 $sliderValue 而不是 sliderValue,这是因为 $sliderValuesliderValue 封装进了一个 Binding 对象中,以便于在 Slider 控件中进行修改。这里我们使用的是双向绑定,而不是单纯的获取值。