轉載：http://labs.ywlx.net/?p=1973

近期所做項目中，在人物屬性選擇界面上，需要使用到UISlider，為了與界面美觀，自然不能使用系統自帶的控件樣式。先上圖：

如圖所示：UISlider的按鈕和背景都已替換成UI所畫的圖片資源了。

我第一次的實現方式是使用設置背景顏色：

UISlider *slider = (UISlider *)[self.view viewWithTag:TAG_SLIDER_START + i];

[slider setThumbImage:[UIImage imageNamed:@"img_slider1.png"] forState:UIControlStateNormal];

[slider setThumbImage:[UIImage imageNamed:@"img_slider2.png"] forState:UIControlStateHighlighted];

[slider setMinimumTrackTintColor:HEXCOLOR(0xfec200ff)];

自以為如此簡單就實現了，可最后測試的時候被測出程序異常，查詢文檔才發現，setMinimumTrackTintColor方法在IOS 5.0以后才支持。

Availability:IOS(5.0 and later)

后來便使用圖片來實現了：

UIImage *stetchLeftTrack = [[UIImage imageNamed:@"slider_yellow.png"]

stretchableImageWithLeftCapWidth:80.0 topCapHeight:0.0];

[slider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];

資源如圖：

[[UIImage imageNamed:@"slider_yellow.png"]

stretchableImageWithLeftCapWidth:80.0 topCapHeight:0.0]這句話是很重要的，一定不能直接使用[UIImage imageNamed:@"slider_yellow.png"]，否則當用戶把UISlider拖至最大時無法出現圓弧效果，如圖：

最右端為直角

最右端為弧度

總結

以上是生活随笔為你收集整理的UISlider实现背景图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。