在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 本文演示步进器Stepper的使用, 步进器是一个增加按钮、一个减小按钮和一个数值标签组成, 非常适用于在小范围内进行数值的精确调整。 1 import SwiftUI 2 3 struct ContentView : View 4 { 5 //首先添加一个浮点类型的属性,并设置它的初始值为0. 6 //该属性拥有@State绑定包装标记, 7 //表示该属性将和步进器视图进行数据绑定。 8 @State var temperature: Double = 0 9 10 var body: some View 11 { 12 VStack 13 { 14 //添加一个步进器视图, 15 Stepper(onIncrement: { 16 //步进器递增事件 17 self.temperature += 1 18 }, onDecrement: { 19 //步进器递减事件 20 self.temperature -= 1 21 },//步进器数值标签 22 label: 23 { 24 //设置步进器标签的内容,用来显示temperature属性的数值。 25 Text("Temperature: \(Int(temperature))") 26 }) 27 28 Stepper(onIncrement: { 29 self.temperature += 1 30 }, onDecrement: { 31 self.temperature -= 1 32 },//步进器数值改变时触发的事件 33 onEditingChanged: { (item) in 34 print(item) 35 }, label: { 36 Text("Temperature: \(Int(temperature))") 37 }) 38 } 39 //设置VStack视图的内边距,使界面元素和屏幕的左右两侧保持一定的距离。 40 .padding() 41 } 42 } 43 44 #if DEBUG 45 struct ContentView_Previews : PreviewProvider { 46 47 static var previews: some View { 48 ContentView() 49 } 50 } 51 #endif
|
请发表评论