Slider setting

Question

I want to customize a slider control, but I can’t find anything to apply, the slider I want to do should look something like this: Please, anyone suggest to me how I can do this ....

.

Answer 1

try this code ..

CGRect frame = CGRectMake(174, 12.0, 120.0, 40); customSlider = [[UISlider alloc] initWithFrame:frame]; [customSlider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged]; // in case the parent view draws with a custom color or gradient, use a transparent color customSlider.backgroundColor = [UIColor clearColor]; UIImage *stetchLeftTrack = [[UIImage imageNamed:@"orangeslide.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0]; UIImage *stetchRightTrack = [[UIImage imageNamed:@"yellowslide.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0]; [customSlider setThumbImage: [UIImage imageNamed:@"slider_ball.png"] forState:UIControlStateNormal]; [customSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal]; [customSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal]; customSlider.minimumValue = 0.0; customSlider.maximumValue = 100.0; customSlider.continuous = YES; customSlider.value = 50.0; // Add an accessibility label that describes the slider. [customSlider setAccessibilityLabel:NSLocalizedString(@"CustomSlider", @"")]; [self.view addSubview:customSlider]; customSlider.tag = 1; 

Answer 2

try it

 CGRect frame = *youe required frame*; UISlider * customSlider = [[UISlider alloc] initWithFrame:frame]; // in case the parent view draws with a custom color or gradient, use a transparent color customSlider.backgroundColor = [UIColor clearColor]; UIImage *stetchLeftTrack = [[UIImage imageNamed:@"orangeslide.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0]; UIImage *stetchRightTrack = [[UIImage imageNamed:@"yellowslide.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0]; [customSlider setThumbImage: [UIImage imageNamed:@"slider_ball.png"] forState:UIControlStateNormal]; [customSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal]; [customSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal]; customSlider.minimumValue = 0.0; customSlider.maximumValue = 100.0; customSlider.continuous = YES; customSlider.value = 50.0; [customSlider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged]; [self.view addSubView:customSlider]; [customSlider release]; 

this leads to the following: -

add images as per your requirement, this code will lead to this slider

Answer 3

check out these links ...

may be useful to you ..

http://www.iphonedevsdk.com/forum/iphone-sdk-development/71719-image-slider-control.html

UISlider view settings

IPhone Vertical Toggle Switch

Good luck...