Center UIPickerView Text

Question

Así que tengo un uipickerview con filas que solo contienen el número 0-24 y parece un poco tonto ya que los números se dejan alineados dejando un gran espacio a la derecha de la vista de selección.

¿Hay una manera fácil de centrar el texto en un uipickerview?

Answer 1

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 
{ 
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 300, 37)]; 
    label.text = [NSString stringWithFormat:@"something here"]; 
    label.textAlignment = NSTextAlignmentCenter; //Changed to NS as UI is deprecated. 
    label.backgroundColor = [UIColor clearColor]; 
    [label autorelease]; 
    return label; 
} 

o algo así.

Answer 2

Ninguna propiedad del selector que tenga la capacidad de alineación establecida.

por lo que necesita un código para esto.

ver el código

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)thePickerView { 

    return 1; 
} 


- (NSInteger)pickerView:(UIPickerView *)thePickerView numberOfRowsInComponent:(NSInteger)component 
{ 
    return 25; 

} 

- (NSString *)pickerView:(UIPickerView *)thePickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component { 

NSString *title=[NSString stringWithFormat:@"   %i",row];//here you give extra spaces. 
    return title; 
} 

Answer 3

Puede implementar este método delegado, que devuelve un CGFloat

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

esto se le llama en la vista selector para determinar el ancho de fila.

Answer 4

Recuerde, la vista en

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 

es en realidad un UITableViewCell, para que pueda trabajar con él como:

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 
{ 
    static NSString *cellIdentifier = @"pickerViewCell"; 
    UITableViewCell *cell = (UITableViewCell*)view; 

    if(cell==nil) 
    { 
     cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier] autorelease]; 
     /** customize the cell **/ 
    } 

    /** set the label **/ 
    cell.textLabel.text = [dataSource objectAtIndex:row]; 

    return cell; 
} 

Answer 5

un poco más fácil ahora en iOS 6 ... Hay un nuevo método puede implementar para devolver una cadena atribuida ... Y puede definir la alineación en cadenas atribuidas.

- (NSAttributedString *)pickerView:(UIPickerView *)pickerView attributedTitleForRow:(NSInteger)row forComponent:(NSInteger)component { 
    NSString *text = [NSString stringWithFormat:@"R%d C%d", row, component]; 
    NSMutableAttributedString *as = [[NSMutableAttributedString alloc] initWithString:text]; 
    NSMutableParagraphStyle *mutParaStyle=[[NSMutableParagraphStyle alloc] init]; 
    mutParaStyle.alignment = NSTextAlignmentCenter; 
    [as addAttribute:NSParagraphStyleAttributeName value:mutParaStyle range:NSMakeRange(0,[text length])]; 
    return as; 
} 

Answer 6

A continuación también se trabaja bien -

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 
{ 
    UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, [pickerView rowSizeForComponent:component].width, [pickerView rowSizeForComponent:component].height)]; 
    lbl.text = [reservePickerArray objectAtIndex:row]; 
    lbl.adjustsFontSizeToFitWidth = YES; 
    lbl.textAlignment=UITextAlignmentCenter; 
    lbl.font=[UIFont systemFontOfSize:20]; 
    return lbl; 
} 

Saludos !!

Answer 7

Sé que esta pregunta no está etiquetada para rápida, pero en caso de que alguien esté buscando la versión de Swift 3.0, aquí está.

/* Called by the picker view when it needs the view to use for a given row in  
a given component. If the previously used view (the view parameter) is adequate,  
return that. If you return a different view, the previously used view is  
released. The picker view centers the returned view in the rectangle for row.  

*/ 
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView { 

    var label = UILabel(frame: CGRect(x: CGFloat(0), y: CGFloat(0), width: CGFloat(300), height: CGFloat(37))) 


    let booking = self.bookingInfo[row] //bookingInfo is an array of elements 
     label.text = String(booking.BookingNumber) + String(booking.DateAndTime) 
     label.textAlignment = .left 
     return label 
}