Personalizar un control deslizante

Question

Quiero personalizar el control deslizante pero no puedo encontrar nada para aplicar, el control deslizante que quiero hacer debe ser algo así como la siguiente imagen. Por favor, cualquiera me sugiera cómo puedo hacerlo ...

.

Answer 1

probar este código ..

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

salir antes de este enlaces ...

podría ser útil para usted ..

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

Customizing UISlider look

iPhone vertical toggle switch

mejor de las suertes ...

Answer 3

Prueba este

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]; 

que da lugar a esto: -

añadir imágenes según su requisito este resultado código en este deslizador