How can I change text font in UIPickerView in iOS 7?

Question

I was able to change my font color but I also need to change font size, how can I accomplish that? Here's my code for chaning the color,

 - (NSAttributedString *)pickerView:(UIPickerView *)pickerView attributedTitleForRow:(NSInteger)row forComponent:(NSInteger)component {
    NSString *title = _currencyName[row];
    NSAttributedString *attString = [[NSAttributedString alloc] initWithString:title attributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]}];

    return attString;
 }

UPDATE: this didn't work:

 NSAttributedString *attString = [[NSAttributedString alloc] initWithString:title attributes:@{NSForegroundColorAttributeName:[UIColor whiteColor], NSFontAttributeName: [UIFont fontWithName:@"HelveticaNeue-Light" size:40]}];

score 76 · Accepted Answer · answered Dec 20 '13 at 07:45

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
    UILabel* tView = (UILabel*)view;
    if (!tView)
    {
       tView = [[UILabel alloc] init];
       [tView setFont:[UIFont fontWithName:@"Helvetica" size:14]];
       //[tView setTextAlignment:UITextAlignmentLeft];
       tView.numberOfLines=3;
    }
    // Fill the label text here
    tView.text=[wishvalues objectAtIndex:row];
   return tView;
}

Thank you !! that was helpful. please use `[tView setTextAlignment:NSTextAlignmentLeft]` to align Label text as `UITextAlignmentLeft` is deprecated since iOS 6.0. — Sam, Aug 30 '19 at 12:19

score 19 · Answer 2 · answered Jul 19 '15 at 11:18

Here's the Swift version tested on iOS8:

Update in Swift for iOS8, you can add this to your delegate:

func pickerView(pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusingView view: UIView!) -> UIView {

    var pickerLabel = view as? UILabel;

    if (pickerLabel == nil)
    {
        pickerLabel = UILabel()

        pickerLabel?.font = UIFont(name: "Montserrat", size: 16)
        pickerLabel?.textAlignment = NSTextAlignment.Center
    }

    pickerLabel?.text = fetchLabelForRowNumber(row)

    return pickerLabel!;
}

score 8 · Answer 3 · answered Dec 21 '17 at 05:46

Updated for Swift 4:

public func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    let label = view as? UILabel ?? UILabel()
    label.font = .systemFont(ofSize: 16)
    label.textColor = .white
    label.textAlignment = .center
    label.text = text(for: row, for: component)
    return label
}

the1pawan · Answer 4 · 2013-12-20T07:50:07.677

You need to implement pickerView:viewForRow:forComponent:reusingView: method in picker's delegate

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{
    UILabel* lbl = (UILabel*)view;
    // Customise Font 
    if (lbl == nil) {
          //label size
          CGRect frame = CGRectMake(0.0, 0.0, 70, 30);

          lbl = [[UILabel alloc] initWithFrame:frame];

          [lbl setTextAlignment:UITextAlignmentLeft];

          [lbl setBackgroundColor:[UIColor clearColor]];
           //here you can play with fonts
          [lbl setFont:[UIFont fontWithName:@"Times New Roman" size:14.0]];

   }
      //picker view array is the datasource
   [lbl setText:[pickerViewArray objectAtIndex:row]];


        return lbl;
}

score 4 · Answer 5 · edited Jun 20 '16 at 18:54

You can use following code to set font of pickerview..

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
    UILabel *tView = (UILabel *)view;
    if (!tView){
        tView = [[UILabel alloc] init];
        [tView setFont:[UIFont .....]];//set font 
            // Setup label properties - frame, font, colors etc
            ...
    }
    // Fill the label text here
    ...
    return tView;
}

score 3 · Answer 6 · answered Jan 19 '16 at 11:00

Thanks for @Richard Bown

Would this be a better answer for Swift?

func pickerView(pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusingView view: UIView?) -> UIView {
        if let titleLabel = view as? UILabel {
            titleLabel.text = "Your Text"
            return titleLabel
        } else {
            let titleLabel = UILabel()
            titleLabel.font = UIFont.boldSystemFontOfSize(16)//Font you want here
            titleLabel.textAlignment = NSTextAlignment.Center
            titleLabel.text = "Your Text"
            return titleLabel
        }
    }

score 0 · Answer 7 · answered Dec 20 '13 at 07:43

0

I think you have to add NSFontAttributeName in your list of attributes and you could use the class method fontWithName:size: of UIFont

answered Dec 20 '13 at 07:43

zbMax

2,756
3
21
42

I tried, not works: NSAttributedString *attString = [[NSAttributedString alloc] initWithString:title attributes:@{NSForegroundColorAttributeName:[UIColor whiteColor], NSFontAttributeName: [UIFont fontWithName:@"HelveticaNeue-Light" size:40]}]; – user3121912 Dec 20 '13 at 08:09
do you have any ideas? – user3121912 Dec 20 '13 at 08:16
1

Sorry, my fault. NSFontAttributeName works for a range of text. So you have to add something like `[attString addAttribute:NSFontAttributeName value:/*your font*/ range:NSMakeRange(0, attString.length)];` – zbMax Dec 20 '13 at 08:31
replace attString.length by title.length and change type `NSAttributedString` for `NSMutableAttributedString` – zbMax Dec 20 '13 at 09:03
3

@zbMax I can confirm that this does not work. It ignores all cases of NSFontAttributeName. – Bill Burgess Apr 30 '15 at 16:18

score 0 · Answer 8 · answered Aug 10 '16 at 16:39

0

let textLabel = view as? UILabel ?? {
    let label = UILabel()
    label.font = UIFont.boldSystemFontOfSize(16)
    label.textAlignment = .Center
    return label
}()
textLabel.text = Array(componentDataSources[component].keys)[row]
return textLabel

answered Aug 10 '16 at 16:39

Mark Bourke

9,806
7
26
30

How can I change text font in UIPickerView in iOS 7?

8 Answers8

Linked

Related