自定义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即可。

//调节声音－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－235

    voice=[[UISlider alloc]initWithFrame:CGRectMake(245, 300, 120, 20)];

    voice.value=0;

    CGAffineTransform rotation = CGAffineTransformMakeRotation(1.57079633);// 旋转90度就OK了

    voice.layer.affineTransform=rotation;

    NSLog(@"voice.Frame%@",NSStringFromCGRect(voice.frame));

    [voice addTarget:self action:@selector(goVoice:) forControlEvents:UIControlEventValueChanged];

    voice.thumbTintColor=[UIColor blackColor];

 以上代码 可以使slider竖起来。