Swift4.0学习笔记（九）——滑块(UISlider)

1.声明控件

slider = UISlider(frame: CGRect(x: 0, y: 0, width: 200, height: 50))
slider.center = self.view.center
slider.minimumValue = 0//最小值
slider.maximumValue = 1//最大值
slider.value = 0.5 //当前值
self.view.addSubview(slider)

定义滑块

2.设置滑块动画

slider.setValue(0.8,animated:true)

3.滑块两边进度颜色

slider.minimumTrackTintColor = UIColor.red //左边槽的颜色
slider.maximumTrackTintColor = UIColor.green //右边槽的颜色

进度槽颜色

4.设置进度槽两侧图标

slider.minimumValueImage = UIImage(named:"voice-")  //左边图标
slider.maximumValueImage = UIImage(named:"voice+")  //右边图标

两侧图标

5.设置滑块图标

slider.setThumbImage(UIImage(named:"voice"), for: .normal)//设置滑块图片

滑块图标

效果有点丑将就一下，在具体的应用中在调整

6.添加值改变监听器valueChanged

//添加值改变监听器
slider.addTarget(self, action: #selector(sliderDidChange(_:)), for: .valueChanged)

@objc
func sliderDidChange(_ sender: UISlider) {
  print(sender.value)
}

添加事件

大伙需要app的图标资源，可以去阿里的iconfont里面找, http://www.iconfont.cn