2009-08-15 8 views
8

¿Alguien tiene una forma rápida de hacer un UISlider que se parece a los que están en la aplicación de iPod (creo scrubber/control de volumen). Básicamente, necesito algo que se vea exactamente como un MPVolumeView, pero no controla el sonido. En su defecto, ¿alguien tiene los activos para hacer uno (la perilla/pista).Cómo crear un UISlider iPod-esque

+0

¿No es solo un simple UISlider? – mk12

+0

No, un UISlider simple se parece a http://www.blogcdn.com/www.tuaw.com/media/2007/09/slider.png , el que voy a buscar se parece al de esta captura de pantalla: http://artoftheiphone.com/wp-content/uploads/2008/10/pop-ipod-controls-on-the-iphone.png – Max

+0

La única diferencia es que es más brillante, ¿verdad? – mk12

Respuesta

13

Sí, sabía cómo crear el control deslizante personalizado, solo quería saber si alguien ya tenía las imágenes. Supongo que no, así que extraje la mía.

Para referencia futura, si alguien más tiene que hacer esto:

Galería de activos por debajo, http://img200.imageshack.us/gal.php?g=whiteslide.png

Descargar esas imágenes, y utilizar este código para configurar todo:

scrubberSlider.backgroundColor = [UIColor clearColor]; 
UIImage *stetchLeftTrack = [[UIImage imageNamed:@"blueTrack.png"] 
          stretchableImageWithLeftCapWidth:9.0 topCapHeight:0.0]; 
UIImage *stetchRightTrack = [[UIImage imageNamed:@"whiteTrack.png"] 
          stretchableImageWithLeftCapWidth:9.0 topCapHeight:0.0]; 
[scrubberSlider setThumbImage: [UIImage imageNamed:@"whiteSlide.png"] forState:UIControlStateNormal]; 
[scrubberSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal]; 
[scrubberSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal]; 
+1

Gracias por proporcionar enlaces a los activos. Exactamente lo que estaba buscando. :) –

+1

Las imágenes proporcionadas no son de gran calidad pero funciona! –

+0

Funciona perfectamente para mí. – SmallChess

2

Usted debe ser capaz de aproximarse a la apariencia que desea (no garantizaría exacta semejanza) mediante el uso de

setThumbImage:forState: 
setMinimumTrackImage:forState: 
setMaximumTrackImage:forState: 

en UISlider. (Tampoco es muy difícil crear su propio control deslizante, subclase UIControl.)

Cuestiones relacionadas