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


目录
相关文章
|
11月前
|
存储 JavaScript 前端开发
双向绑定和 vuex 是否冲突
双向绑定与Vuex在Vue.js中可以共存但需谨慎处理。双向绑定适用于组件内的简单状态管理,而Vuex用于管理应用的全局状态。两者结合使用时,应避免直接在组件中修改Vuex状态,以保持数据流的清晰和可预测性。
|
前端开发 JavaScript 开发者
CSS进阶-CSS变量
【6月更文挑战第13天】本文介绍了CSS变量(Custom Properties)的基本概念、应用场景和常见问题。通过声明与使用示例,展示了如何定义和引用变量。文章讨论了兼容性、作用域、错误引用及JavaScript交互等易错点,并提供了相应的解决方案。此外,还分享了实践技巧,如模块化色彩系统、响应式设计和动画制作。通过学习,开发者能更好地利用CSS变量提高样式灵活性和维护性。
261 3
|
消息中间件 分布式计算 Kafka
利用Spark将Kafka数据流写入HDFS
利用Spark将Kafka数据流写入HDFS
254 0
|
Swift iOS开发
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
|
11月前
|
存储 监控 安全
企业如何应对网络攻击的威胁
企业如何应对网络攻击的威胁【10月更文挑战第10天】
298 3
|
11月前
|
NoSQL 测试技术 Redis
第一次面试总结 - 迈瑞医疗 - 软件测试
本文是作者对迈瑞医疗软件测试岗位的第一次面试总结,面试结果非常好,但面试过程中没有提问太多技术性问题,主要围绕个人介绍、互相了解、个人规划和项目亮点进行,因此作者认为这次面经的学习意义不大。作者还提到了实习岗位的待遇和工作内容,以及对不同阶段求职者的建议。
307 2
|
负载均衡 Java 应用服务中间件
Ribbon、Feign和OpenFeign的区别来了
Ribbon、Feign和OpenFeign的区别来了
815 2
|
JavaScript 前端开发 API
Vue3之script-setup 语法糖
本文介绍了Vue 3的`<script setup>`语法糖,通过示例代码演示了如何在组件中使用`<script setup>`以及相关的Vue 3 Composition API函数和特性,如响应式引用、生命周期钩子、CSS模块等,并展示了组件间的通信和样式应用。
369 0
Vue3之script-setup 语法糖
|
人工智能 搜索推荐
影视与游戏行业AI视频制作实战:第二步,为角色生成个性化语音
每个角色有自己的性格、形象,那也一定需要自己个性化的声音。
|
数据处理 数据库 开发者
子查询的不同类型详解
【8月更文挑战第31天】
279 0