UISlider customize

Question

I am customizing my UISlider like this:

[[UISlider appearance] setMinimumValueImage:[[UIImage imageNamed:@"slider_minimum.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)]];
[[UISlider appearance] setMaximumValueImage:[[UIImage imageNamed:@"slider_maximum.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)]];

This somewhat works, here's the result:

It does something, puts the images on either side, but keeps the old style, and doesn't stretch my images. What am I doing wrong? Thanks

Answer 1

You can do it like this:

[slider setMinimumTrackImage:[[UIImage imageNamed:@"redSlider.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];

Result:

Answer 2

[slider setMaximumTrackImage:[[UIImage imageNamed:@"slider_maximum"]] forState:UIControlStateNormal];

[slider setMinimumTrackImage:[[UIImage imageNamed:@"slider_minimum"]] forState:UIControlStateNormal];