SwiftUI—使用Stepper步进器在小范围内进行数值的精确调整

简介: SwiftUI—使用Stepper步进器在小范围内进行数值的精确调整

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()
    }
}


2466108-fe492bb7fa32408b.webp.jpg


目录
相关文章
|
8月前
|
JavaScript Serverless
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
33 1
封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米
64 0
|
JavaScript 前端开发 Java
28jqGrid 3.0新特征- 调整列宽
28jqGrid 3.0新特征- 调整列宽
50 0
封装一个函数,山峰 高度不固定、纸张厚度不固定,计算折叠几次后超过山峰
封装一个函数,山峰 高度不固定、纸张厚度不固定,计算折叠几次后超过山峰
62 0
|
IDE 编译器 开发工具
OpenMV颜色阈值设置
OpenMV颜色阈值设置
640 0
labview数值型数据实验输入显示时间滑动杆旋钮仪表相加相减相乘滚动条
LabVIEW是一种程序开发环境,类似于C和BASIC开发环境,但是LabVIEW与其他计算机语言的显著区别是:其他计算机语言都是采用基于文本的语言产生代码,而LabVIEW使用的是图形化编辑语言G编写程序,产生的程序是框图的形式。LabVIEW软件是NI设计平台的核心,也是开发测量或控制系统的理想选择。LabVIEW开发环境集成了工程师和科学家快速构建各种应用所需的所有工具,旨在帮助工程师和科学家解决问题、提高生产力和不断创新。
145 0
labview布尔型数据开关控制指示灯比较数值颜色变化条件判断
labview布尔型数据开关控制指示灯比较数值颜色变化条件判断
706 0
|
XML 数据格式
【opencv3】滑动条调节RGB颜色阈值并输出滑动条的值
【opencv3】滑动条调节RGB颜色阈值并输出滑动条的值
GEE基础学习——阈值的设定clamp(下线值,上限值)!
GEE基础学习——阈值的设定clamp(下线值,上限值)!
567 0
GEE基础学习——阈值的设定clamp(下线值,上限值)!