美文网首页花落√莫相思
24-Swift之UISlider(滑块)

24-Swift之UISlider(滑块)

作者: NetWork小贱 | 来源:发表于2017-06-05 10:18 被阅读202次

    一、UISlider 的介绍

    滑动条是一个数值范围控件,就是其取值范围在一个区间。在开发中来改变显示字体大小和某个视图的透明度等

    二、UISlider 的属性和方法说明

    1、初始化一个滑块对象

    var NetWorkSlider = UISlider.init()
    /* 带大小的初始化
     注意: 我们设置滑块的高度,发现没有实现!这是系统给规定了滑块的高度了,我们再设置也不影响系统设定的高度。
     注意:我们可以设置图片,来改变滑块的高度
     */
    NetWorkSlider = UISlider.init(frame: CGRect.init(x: 20, y: 70, width: 200, height: 30))
    

    2、监控滑块的数值变化

    /**
     监控滑块的数值变化
     */
    let Method = #selector(valueChange(_:))
    NetWorkSlider.addTarget(self, action: Method, for: UIControlEvents.valueChanged)
    
    获取值的方法
    /**
     滑块的取值变化
     */
    func valueChange(_ slider:UISlider) -> Void {
        print(slider.value)
    }
    

    3、设置滑块的开始值

    /**
     初始化,让滑块在某个位置开始(必须是最小值和最大值之间,包括最小和最大)
     其值默认是 0
     */
    NetWorkSlider.value = 0.5
    NetWorkSlider.setValue(0.5, animated: true)
    

    4、设置滑块的最大和最小值

    /**
     设置滑块的最小值 & 设置滑块的最大值
     滑块的范围就是最小到最大之间
     */
    NetWorkSlider.minimumValue = 0.4
    NetWorkSlider.maximumValue = 2
    

    5、设置滑块的最大值和最小值端的图片

    /**
     设置最小值&最大值的图片
     */
    NetWorkSlider.maximumValueImage = UIImage.init(named: "1.png")
    NetWorkSlider.minimumValueImage = UIImage.init(named: "2.png")
    

    7、设置滑块最小值和最大值之间的滑道图片

    /**
     设置滑道最小和最大值的图片
     */
    NetWorkSlider.setMinimumTrackImage(UIImage.init(named: "1.png"), for: UIControlState.normal)
    NetWorkSlider.setMaximumTrackImage(UIImage.init(named: "2.png"), for: UIControlState.normal)
    

    8、设置滑块的图片

    /**
     设置滑块的图片
     */
    NetWorkSlider.setThumbImage(UIImage.init(named: "1.png"), for: UIControlState.normal)
    

    9、获取滑块被设置的各个图片

    /**
     获取滑块的图片
     */
    print(NetWorkSlider.currentMaximumTrackImage!,NetWorkSlider.currentMinimumTrackImage!,NetWorkSlider.currentThumbImage!)
    

    相关文章

      网友评论

        本文标题:24-Swift之UISlider(滑块)

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