UISlider with different colors

Question

I have a slider with min value 0 and max value 5(be any value) , i need to display 5 different colors in the same slider ie 0-1 one color, 1-2 another color and so on. Is this possible . Please help me if any idea.

This might help you :https://www.cocoacontrols.com/search?utf8=%E2%9C%93&q=slider — Priyank Gandhi, May 03 '13 at 07:05
This can help you a lot Just try it [][1] [1]: http://stackoverflow.com/questions/5865528/customizing-a-slider-control Thanks — Priyank Gandhi, May 03 '13 at 07:09

score 4 · Answer 1 · answered May 03 '13 at 10:16

Try this,

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(0.0f, 400.0f, 320.0f, 35.0f)];
[slider setMinimumTrackTintColor:[UIColor redColor]]; // Initial color of selection
[slider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];
[[self view] addSubview:slider];

In target method, you can set the colors

- (void)sliderValueChanged:(UISlider *)slider {

/* 

 Here you check the value of slider from [slider value] call;

 then set the color of slider by using

 [slider setMinimumTrackTintColor:[UIColor redColor]];

 */
}

Hope this will help you :)

Bonnie · Answer 2 · 2013-05-03T07:17:30.753

1

you will have to use images for that and in the

-(IBAction)sliderValueChanged:(UISlider *)sender
{
 // depending on the value 
 // if value is 1 {
    [mySlider setMinimumTrackImage:[UIImage imageNamed:@"leftImageforValue=1.png"] forState:UIControlStateNormal];
    [mySlider setMaximumTrackImage:[UIImage imageNamed:@"rightImageforValue=1.png"] forState:UIControlStateNormal];
}

edited May 03 '13 at 07:17

answered May 03 '13 at 07:06

Bonnie

4,943
30
34

score 0 · Answer 3 · answered May 03 '13 at 07:09

0

You can place an ImageView with your desired colors under the slider, and set MinTrackTint and MaxTrackTint to ClearColor. Slider will be fully transparent(except the thumb) but functional.

answered May 03 '13 at 07:09

Dobroćudni Tapir

3,082
20
37

UISlider with different colors

3 Answers3