[Swift UI]二、实用控件-(5)使用Stepper步进器在小范围内进行数值的精确调整

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https:////www.cnblogs.com/strengthen/p/12292628.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示步进器Stepper的使用，

步进器是一个增加按钮、一个减小按钮和一个数值标签组成，

非常适用于在小范围内进行数值的精确调整。

import SwiftUI

struct ContentView : View
{
    //首先添加一个浮点类型的属性，并设置它的初始值为0.
    //该属性拥有@State绑定包装标记，
    //表示该属性将和步进器视图进行数据绑定。
     @State var temperature: Double = 0

       var body: some View
       {
            VStack
            {
                //添加一个步进器视图，
                Stepper(onIncrement: {
                    //步进器递增事件
                    self.temperature += 1
                }, onDecrement: {
                    //步进器递减事件
                    self.temperature -= 1
                },//步进器数值标签
                   label:
                {
                    //设置步进器标签的内容，用来显示temperature属性的数值。
                    Text("Temperature: \(Int(temperature))")
                })
                
                Stepper(onIncrement: {
                    self.temperature += 1
                }, onDecrement: {
                    self.temperature -= 1
                },//步进器数值改变时触发的事件
                   onEditingChanged: { (item) in
                    print(item)
                }, label: {
                    Text("Temperature: \(Int(temperature))")
                })
            }
                //设置VStack视图的内边距，使界面元素和屏幕的左右两侧保持一定的距离。
            .padding()
        }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    
    static var previews: some View {
        ContentView()
    }
}
#endif