UISlider实现背景图

转载：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实现背景图的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。