So I have a uipickerview with rows that only contain the number 0-24 and it looks a bit silly since the numbers are left aligned leaving a huge gap on the right of the pickerview.
Is there an easy way to center align text in a uipickerview?
Source: Tips4all
Source: Tips4allSource: CCNA FINAL EXAM
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
ReplyDelete{
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 300, 37)];
label.text = [NSString stringWithFormat:@"something here"];
label.textAlignment = UITextAlignmentCenter;
label.backgroundColor = [UIColor clearColor];
[label autorelease];
return label;
}
or something like this.
You can implement this delegate method, which returns a CGFloat
ReplyDelete- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component
This is called on the picker view to determine row width.
No property of picker having set alignment capability.
ReplyDeleteso you need to hard code for this.
see this code
- (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;
}
Remember, the view in
ReplyDelete- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
is actually a UITableViewCell, so you can work with it like:
- (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;
}