Personalizar UIPickerView (fondo y espaciado)

Question

Me gustaría cambiar el fondo blanco en un UIPickerView a una imagen propia.

¿Esto es posible?

Además, he logrado hacer que mi UIPickerView se desplace horizontalmente en lugar de vertical. Ahora, me gustaría saber si hay alguna forma de ajustar el espacio entre dos filas de la vista del selector.

He adjuntado una imagen para mostrar lo que quiero decir.

Este es mi código:

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view from its nib. 

    arrayDays = [[NSMutableArray alloc] init]; 
    [arrayDays addObject:@"ONSDAG"]; 
    [arrayDays addObject:@"TORSDAG"]; 
    [arrayDays addObject:@"FREDAG"]; 
    [arrayDays addObject:@"LØRDAG"]; 

    arrayDates = [[NSMutableArray alloc] init]; 
    [arrayDates addObject:@"29. JUNI"]; 
    [arrayDates addObject:@"30. JUNI"]; 
    [arrayDates addObject:@"1. JULI"]; 
    [arrayDates addObject:@"2. JULI"]; 

    pickerViewDay = [[UIPickerView alloc] initWithFrame:CGRectZero]; 
    [pickerViewDay setDelegate:self]; 
    [pickerViewDay setShowsSelectionIndicator:NO]; 
    CGAffineTransform rotate = CGAffineTransformMakeRotation(-M_PI/2); 
    rotate = CGAffineTransformScale(rotate, 0.25, 2.0); 
    [pickerViewDay setTransform:rotate]; 
    [pickerViewDay setCenter:CGPointMake(self.view.frame.size.width/2, (pickerViewDay.frame.size.height/2)-3)]; 
    [self.view addSubview:pickerViewDay]; 

    // Adding selection indicator to pickerview 
    UIImage *selectorImage = [UIImage imageNamed:@"DayPickerView_SelectionIndicator.png"]; 
    UIView *customSelector = [[UIImageView alloc] initWithImage:selectorImage]; 
    [customSelector setFrame:CGRectMake(0, 0, 120, 74)]; 
    [customSelector setCenter:CGPointMake(self.view.frame.size.width/2, customSelector.frame.size.height/2)]; 
    [self.view addSubview:customSelector]; 
    [customSelector release]; 

    // Adding background to pickerview 
    UIImage *backgroundImage = [UIImage imageNamed:@"DayPickerView_Background.png"]; 
    UIView *custombackground = [[UIImageView alloc] initWithImage:backgroundImage]; 
    [custombackground setFrame:CGRectMake(0, 0, 320, 74)]; 
    // [self.view addSubview:custombackground]; 
    [custombackground release]; 
} 

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view { 
    UIView *viewRow = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 150, 80)]; 

    CGAffineTransform rotate = CGAffineTransformMakeRotation(3.14/2); 
    rotate = CGAffineTransformScale(rotate, 0.25, 2.0); 

    // Date 
    CGRect rectDate = CGRectMake(30, 0, 150, 80); 
    UILabel *date = [[UILabel alloc]initWithFrame:rectDate]; 
    [date setTransform:rotate]; 
    [date setText:[arrayDates objectAtIndex:row]]; 
    [date setFont:[UIFont fontWithName:@"Arial-BoldMT" size:37.0]]; 
    [date setShadowColor:[UIColor whiteColor]]; 
    [date setShadowOffset:CGSizeMake(0, -1)]; 
    [date setTextAlignment:UITextAlignmentCenter]; 
    [date setBackgroundColor:[UIColor clearColor]]; 
    [date setClipsToBounds:YES]; 
    [viewRow addSubview:date]; 

    // Day 
    CGRect rectDay = CGRectMake(-30, 0, 150, 80); 
    UILabel *day = [[UILabel alloc]initWithFrame:rectDay]; 
    [day setTransform:rotate]; 
    [day setText:[arrayDays objectAtIndex:row]]; 
    [day setFont:[UIFont fontWithName:@"Arial-BoldMT" size:21.0]]; 
    [day setTextColor:[UIColor colorWithRed:0.35 green:0.35 blue:0.35 alpha:1]]; 
    [day setTextAlignment:UITextAlignmentCenter]; 
    [day setBackgroundColor:[UIColor clearColor]]; 
    [day setClipsToBounds:YES]; 
    [viewRow addSubview:day]; 

    return viewRow; 
} 

- (NSString *)pickerView:(UIPickerView *)thePickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component { 
    return [arrayDays objectAtIndex:row]; 
} 

- (NSInteger)pickerView:(UIPickerView *)thePickerView numberOfRowsInComponent:(NSInteger)component { 
    return [arrayDays count]; 
} 

EDIT 1

Para RickiG (en el fondo):

EDIT 2

Para RickiG:

Answer 1

Hola No hay una manera directa de cambiar el fondo. Lo que puede hacer es hacer que la vista que devuelve en la función viewForRow tenga su propio fondo (luego agregue la sombra en cada lado después si lo necesita). También puede buscar viewWithTag: pero eso nunca es una buena idea, ya que esto podría cambiar en futuras versiones de iOS.

¿Existe alguna razón especial para implementar tanto viewForRow como TitleForRow? Normalmente llego a llenar las etiquetas de viewForRow dentro de este método delegado.

El viewForRow tiene la capacidad de reutilizar las vistas en Picker, al igual que con UITableView debe probar si la "vista reusingView: (UIView *)" es nula y si no, no hay necesidad de volver a dibujar todo. Solo completa las etiquetas.

Normalmente nunca personalizo el selector, si necesito algo no completamente personalizado, subclasifica el UITableView, es mucho más flexible y puede hacer lo que el selector hace + más.

Para la separación se puede utilizar la "altura" de las filas, el selector se centrará las vistas que volver en viewForRow, a continuación, sólo asegúrese de que:

- (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component 

devuelve un valor más grande que su punto de vista.

Held lykke og;)

Answer 2

Cómo sobre la adición de una vista vacío a la derecha de las etiquetas? Y para el fondo probablemente deberías usar el método insertSubview:aboveView: con la vista de fondo predeterminada como el segundo parámetro (si puedes acceder a él).

Answer 3

Me acabo de descubrir cómo aplicar color o imagen de fondo en la vista selector. Espero que pueda ayudar a alguien.

apenas define una categoría en el archivo en el que desea que selector de vista de la siguiente manera:

@implementation UIPickerView(Extension) 

-(void)drawRect:(CGRect)rect 
{ 

    NSArray* subviews = [self subviews]; 
    for(UIView* view in subviews) 
    { 
     if([view isKindOfClass:[UITableView class]]) 
     { 
      view.backgroundColor = appColor; 
     } 
    } 
    [super drawRect:rect]; 
} 

@end 

Usted puede mirar más a fondo en subviews una mayor personalización.

Answer 4

Parece que este es un viejo hilo, pero en iOS 7 (posiblemente antes, no estoy seguro), UIPickerViews tienen una propiedad de color de fondo, lo que establecer el color de fondo es simple:

[pickerView setBackgroundColor:[UIColor whiteColor]];

Establecer una imagen de fondo es igualmente simple gracias a [UIColor colorWithPatternImage:]. (Tenga en cuenta que el patrón de azulejos y baldosas si la imagen es menor que el UIPickerView.)

[pickerView setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"someBackgroundImage.png"]]]; 

Para modificar el ancho de componentes que puede implementar el método delegado widthForComponent con el fin de establecer diferentes anchuras para cada componente. En teoría, debería poder agregar un componente vacío y usar su ancho en blanco para crear espacios, pero no lo he intentado.

- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component; 

no han sido capaces de encontrar una manera de cambiar el relleno entre componentes que parece ser una manera más agradable para modificar el espaciamiento y que también le permite eliminar el ~ 5 espaciado de píxeles entre los componentes, pero si Puedo encontrar uno. Actualizaré mi respuesta.