iOS 自定义UISlider

近期所做项目中，在人物属性选择界面上，需要使用到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拖至最大时无法出现圆弧效果，如图：



最右端为直角



最右端为弧度

我的资源宽度为200px，控件宽度为120px。所以stretchableImageWithLeftCapWidth的值大于80，小于200即可。