IOS学习日记之UIView与视图(六)UISlide

211 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第27天,点击查看活动详情

大家好,我是小黑,一个还没秃头的程序员~~~

大家好,今天介绍的控件是滑块控件UISlide,效果如下:

image.png

话不多说,正文开始:

UISlide

UISlide是一种用于从连续的值范围中选择单个值的控件。

当您移动滑动器的拇指时,它将更新后的值传递给附加到它的任何操作。滑块外观可配置;您可以着色轨道和拇指,并提供图像显示在滑块的末端。您可以通过编程方式或使用接口生成器将滑块添加到接口中。

下图显示了从左到右配置中用于描述UISlider对象的组成部分。

image.png

添加一个滑块到界面中的步骤:

  1. 指定滑块的位置
  2. 指定滑块的范围
  3. 设置滑块的样式
  4. 为滑块设置监听方法

UISlide的基本属性如下:

属性说明
value滑块当前值
minimumValue滑块的最小值
maximumValue滑块的最大值
isContinuous指示滑块值的更改是否产生连续更新事件
minimumValueImage表示滑块的最小值的图像
maximumValueImage表示滑块的最大值的图像
minimumTrackTintColor用于着色默认最小轨道图像的颜色
currentMinimumTrackImage当前用于渲染滑块的最小轨迹图像
maximumTrackTintColor用于着色默认最大轨道图像的颜色
currentMaximumTrackImage包含当前用于渲染滑块的最大轨迹图像
thumbTintColor用于为默认拇指图像着色的颜色
currentThumbImage当前用于渲染滑块的拇指图像

下面为一个简单的UISlide的例子:

 let slide = UISlider()
        slide.maximumValue=100
        slide.minimumValue=0
        slide.frame.origin=CGPoint(x: mySwitch.frame.width+40+segmentControll.frame.width+10, y: switchTop)
        slide.addTarget(self, action: #selector(slideValueChanged(sender:)), for: .valueChanged)
        self.view.addSubview(slide)

为UISlide设置值改变的监听如下:

    @objc func slideValueChanged(sender:UISlider) {
        NSLog("现在滑块的位置是:\(sender.value)")
        let value = String(format: "%.1f", sender.value)
        
        slideValue.text="\(value)%"
    }
    

以上便是IOS中关于滑块控件UISlide的使用,今天的UIView学习分享就到这里,后面我会持续输出iOS开发笔记,感谢大家的阅读!共同努力!大家晚安!