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()
    }
}
上一篇下一篇

猜你喜欢

热点阅读