SwiftUI—使用Stepper步进器在小范围内进行数值的精确
2020-07-13 本文已影响0人
anny_4243
原文链接:https://github.com/fzhlee/SwiftUI-Guide#24Stepper
Stepper步进器相当于UIKit中的UIStepper,步进器由一个增加按钮、一个减小按钮和一个数值标签组成,用于实现数据的递增和递减,非常适用于在小范围内进行数值的精确调整。
示例代码:
struct ContentView : View {
@State var temperature: Double = 0 //和步进器视图进行数据绑定
var body: some View {
VStack {
Stepper(onIncrement: { //添加一个步进器视图
self.temperature += 1 //递增事件
}, onDecrement: {
self.temperature -= 1 //递减事件
}, label: { Text("Temperature: \(Int(temperature))") }) //数值标签
Stepper(onIncrement: {
self.temperature += 1
}, onDecrement: {
self.temperature -= 1
}, onEditingChanged: { (item) in
print(item)
}, label: { Text("Temperature: \(Int(temperature))") })
}.padding()
}
}