Change UIPickerView font size for different column

Question

I am constructing a UIPickerView, which works fine with my following code.

//Title for Row
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{

    if (component==kNumComponent)
        return Number[row];
        else if(component==kSeaComponent)
            return Season[row];
        else
            return Course[row];

}

Where Number, Season and Course are the NSArray storing the string. Here I want to change the font size of course into smaller one. I learned some example here.

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row
forComponent:(NSInteger)component reusingView:(UIView *)view {
            UILabel *retval = (id)view;
            if (!retval) {
                retval= [[[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, [pickerView rowSizeForComponent:component].width, [pickerView rowSizeForComponent:component].height)] autorelease];
            }

            retval.font = [UIFont systemFontOfSize:22];
            retval.text = [pickerViewArray objectAtIndex:row];
       return retval;
    }

Is there any quick way for me to combine the above code into my available code to change the font size please? Say, I guess need to pass "Retval" somewhere?

UPDATE: Thanks for Scotts's hint(see below), I have my method works,posted here:

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

    UILabel *retval = (UILabel*)view;
    if (!retval) {
        retval = [[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, [pickerView rowSizeForComponent:component].width, [pickerView rowSizeForComponent:component].height)];
    }

    retval.font = [UIFont systemFontOfSize:22];

    if (component==kNumComponent)
        retval.text = Number[row];
    else if(component==kSeaComponent)
    {retval.font = [UIFont systemFontOfSize:14];
        retval.text = Season[row];}
    else
    { retval.font = [UIFont systemFontOfSize:14];
        retval.text = Course[row];}

    return retval;
}

Lyndsey Scott · Accepted Answer · 2015-01-21T22:10:52.403

7

To customize your picker's views, you have to use pickerView:viewForRow:. In order to do this, remove pickerView:titleForRow: entirely, and within pickerView:viewForRow:, set retval's text using the conditional you originally used within pickerView:titleForRow:.

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

        UILabel *retval = (UILabel*)view;
        if (!retval) {
            retval = [[UILabel alloc] initWithFrame:CGRectMake(0.0f, 0.0f, [pickerView rowSizeForComponent:component].width, [pickerView rowSizeForComponent:component].height)];
        }

        retval.font = [UIFont systemFontOfSize:22];

        if (component==kNumComponent)
            retval.text = Number[row];
        else if(component==kSeaComponent)
            retval.text = Season[row];
        else
            retval.text = Course[row];

        return retval;
}

Or instead of creating a label subview, you can directly edit the title's font by using the UIPickerViewDelegate's pickerView:attributedTitleForRow:forComponent: method, ex:

- (NSAttributedString *)pickerView:(UIPickerView *)pickerView attributedTitleForRow:(NSInteger)row forComponent:(NSInteger)component
{
    NSString *title;
    if (component==kNumComponent)
        title = Number[row];
    else if(component==kSeaComponent)
        title = Season[row];
    else
        title = Course[row];

    UIFont *font = [UIFont systemFontOfSize:22];
    NSDictionary *attributes = @{NSFontAttributeName:font};

    return [[NSAttributedString alloc] initWithString:title attributes:attributes];
}

edited Jan 21 '15 at 22:10

answered Jan 21 '15 at 21:45

Lyndsey Scott

37,080
10
92
128

Thanks for the reply. But it show a empty pickerview, anything need to change please? – user4441082 Jan 21 '15 at 21:55
@user4441082 Try removing the "autorelease". – Lyndsey Scott Jan 21 '15 at 21:58
Thanks again. The second method method works fine. One more question, If I want different font size for different component , how to fix it please? – user4441082 Jan 21 '15 at 22:05
@user4441082 Does the first method work once you removed "autorelease"? – Lyndsey Scott Jan 21 '15 at 22:05
No, I remove it already in my first try, otherwise it won't pass the compilation. Even so, the pickerview is till empty. – user4441082 Jan 21 '15 at 22:08
@user4441082 What if you change (id)view to (UILabel*)view; – Lyndsey Scott Jan 21 '15 at 22:10
Thanks again for your reply. Do I have (id)view in the 1st method please? – user4441082 Jan 21 '15 at 22:16
@user4441082 In your 2nd method, my 1st method. I've replaced UILabel *retval = (id)view; with UILabel *retval = (UILabel*)view; – Lyndsey Scott Jan 21 '15 at 22:17
Thank you so much. It is working and I fix something else by changing each column'font size. BTW, I might see your story on the news. Are you the only VS Model who can code please ? I admire your smart. – user4441082 Jan 21 '15 at 22:24
Just check your facebook and INC. Great work, do your company recruit any intern please? – user4441082 Jan 21 '15 at 22:33

Change UIPickerView font size for different column

1 Answers1

Linked