Swift?-?滑塊(UISlider)的用法

1,滑塊的創建

let?slider =?UISlider(frame:CGRect(x:0, y:0, width:300, 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.isContinuous =?false?//滑塊滑動停止后才觸發ValueChanged事件

slider.addTarget(self,action:#selector(sliderDidchange(_:)),?for:UIControlEvents.valueChanged)

@objc?func?sliderDidchange(_ slider:UISlider){

????print(slider.value)

}

4,滑塊左右兩邊槽的顏色

slider.minimumTrackTintColor =?UIColor.red?//左邊槽的顏色

slider.maximumTrackTintColor =?UIColor.green?//右邊槽的顏色

5,滑塊后面槽線兩側添加圖標

slider.minimumValueImage =?UIImage(named:"voice+")?//左邊圖標

slider.maximumValueImage =?UIImage(named:"voice-")?//右邊圖標

6,自定義滑塊組件圖片

//設置滑塊右邊部分的圖片

slider.setMaximumTrackImage(UIImage(named:"slider_max"),for: .normal)

//設置滑塊左邊部分的圖片

slider.setMinimumTrackImage(UIImage(named:"slider_min"),for: .normal)

//設置滑塊的圖片

slider.setThumbImage(UIImage(named:"slider_thumb"),for: .normal)

//設置滑塊右邊部分的圖片-使用三宮格縮放(左右14像素不變,中間縮放)

let?imgTrackRight =?UIImage(named:"slider_max")

let?imgRight = imgTrackRight!.stretchableImage(withLeftCapWidth: 14, topCapHeight:0)

slider.setMaximumTrackImage(imgRight,?for: .normal)

圖片發自簡書App
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容