美文网首页
SwiftUI—用Slider滑杆在指定的范围内选择一个数值

SwiftUI—用Slider滑杆在指定的范围内选择一个数值

作者: anny_4243 | 来源:发表于2020-07-13 17:58 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC23%E8%8A%82slider-

    Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择,常用于音量调整、播放进度和拍照缩放等场景。

    示例代码:

    struct ContentView : View {
        
         @State var temperature: Double = 0 //该属性将和滑杆视图进行数据绑定
    
           var body: some View {
               VStack {
                    Slider(value: $temperature) //添加一个滑杆视图,并将滑杆视图和temperature属性进行绑定。当用户调整滑杆时,该属性的值也将同步发生变化
                    Slider(value: $temperature, in: -20...40) //添加一个新的滑杆视图,并设置它的最小值为-20,最大值为40。通过该滑杆,可以快速拾取位于-20和40之间的数值
                    Slider(value: $temperature, in: -20...40) { (item) in
                        print(item) //添加一个尾随闭包,在闭包语句里打印一条日志信息,用来显示是否开始或停止拖动滑块。
                    }
                    HStack{
                        Image(systemName: "sun.max")
    
                        Slider(value: $temperature, in: -20...40, step: 2) { (item) in //滑杆的步进值为2
                            print(item)
                        }.accentColor(.pink).colorInvert() //强调色为粉色的反转色
                        
                       Image(systemName: "sun.max.fill")
                    }.padding()
    
                    Text("The temperature is \(Int(temperature)).") //添加一个文本视图,用来实时显示temperature属性的值
               }
           }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—用Slider滑杆在指定的范围内选择一个数值

          本文链接:https://www.haomeiwen.com/subject/ucaacktx.html