修改slider背景

學習了Swift,所以開始用Swift來寫。

如果想要修改slider上的小按鈕和背景條,可以用以下方法:

// 設置小按鈕正常狀態顯示的圖片
let thumbImageNormal = UIImage(named: "SliderThumb-Normal")
slider.setThumbImage(thumbImageNormal, forState: .Normal)

//設置小按鈕hightlighted狀態顯示的圖片
let thumbImageHighlighted = UIImage(named: "SliderThumb-Highlighted")
slider.setThumbImage(thumbImageHighlighted, forState: .Highlighted)

//設置圖片拉伸的范圍
let insets = UIEdgeInsets(top: 0, left: 14, bottom: 0, right: 14)

//設置slider的minimumTrackImage和maximumTrackImage
if let trackLeftImage = UIImage(named: "SliderTrackLeft") { 
    let trackLeftResizable = trackLeftImage.resizableImageWithCapInsets(insets)     
    slider.setMinimumTrackImage(trackLeftResizable, forState: .Normal)
}
if let trackRightImage = UIImage(named: "SliderTrackRight") {
    let trackRightResizable = trackRightImage.resizableImageWithCapInsets(insets)
    slider.setMaximumTrackImage(trackRightResizable, forState: .Normal) 

}
  • 若是不理解圖片拉伸范圍以及resizableImageWithCapInsets方法,可以參考這篇文章:

    [UIImage resizableImageWithCapInsets:]使用注意

    注意在拉伸圖片的時候,是以tiled方式,所以在選取拉伸范圍的時候要注意,文章里有說明。

  • 在設置slider的時候,setMinimumTrackImage將拉伸之后的圖片設置為劃過的部分(slider左面的部分),setMaximumTrackImage將拉伸之后的圖片設置為slider的背景(slider右面的部分)。

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

推薦閱讀更多精彩內容