web-dev-qa-db-fra.com

Comment changer la couleur du texte dans un UIPickerView sous iOS 7?

Je suis au courant du pickerView:viewForRow:forComponent:reusingView méthode, mais lorsqu’on utilise view, il passe à reusingView: comment puis-je le changer pour utiliser une couleur de texte différente? Si j'utilise view.backgroundColor = [UIColor whiteColor]; plus aucune des vues ne s’affiche.

iosobjective-cuiviewios7uipickerview
113
Doug Smith

Il y a une fonction dans la méthode de délégué qui est plus élégante:

Objective-C:

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

    return attString;
}

Si vous souhaitez également modifier les couleurs de la barre de sélection, j'ai constaté que je devais ajouter 2 UIViews distincts à la vue contenant le UIPickerView, espacés de 35 pts pour une hauteur de sélecteur de 180.

Swift 3:

func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {

    let string = "myString"
    return NSAttributedString(string: string, attributes: [NSForegroundColorAttributeName:UIColor.white])
}

Swift 4:

func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {

    let string = "myString"
    return NSAttributedString(string: string, attributes: [NSAttributedStringKey.foregroundColor: UIColor.white])
}

Swift 4.2:

func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {

    let string = "myString"
    return NSAttributedString(string: string, attributes: [NSAttributedString.Key.foregroundColor: UIColor.white])
}

Rappelez-vous lorsque vous utilisez la méthode: Vous n'avez pas besoin d'implémenter titleForRowInComponent() car elle n'est jamais appelée lors de l'utilisation de attributedTitleForRow().

311
Jon

Article original ici: puis-je changer la couleur de police du datePicker dans iOS7?

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, pickerView.frame.size.width, 44)];
    label.backgroundColor = [UIColor grayColor];
    label.textColor = [UIColor whiteColor];
    label.font = [UIFont fontWithName:@"HelveticaNeue-Bold" size:18];
    label.text = [NSString stringWithFormat:@" %d", row+1];
    return label;
}

// number Of Components
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 1;
}

// number Of Rows In Component
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:   (NSInteger)component
{
    return 6;
}
29
Bordz
  1. Aller au storyboard
  2. Sélectionnez PickerView
  3. Aller à l'inspecteur d'identité (3ème onglet)
  4. Ajouter un attribut d'exécution défini par l'utilisateur
  5. KeyPath = textColor
  6. Type = Couleur
  7. Valeur = [Couleur de votre choix]

screenshot

20
Lancewise

sous Xamarin, substituez la méthode UIPickerModelView GetAttributedTitle

public override NSAttributedString GetAttributedTitle(UIPickerView picker, nint row, nint component)
{
    // change text white
    string title = GetTitle (picker, row, component); // get current text from UIPickerViewModel::GetTitle
    NSAttributedString ns = new NSAttributedString (title, null, UIColor.White); // null = font, use current font
    return ns;
}
7
Matt

J'ai rencontré le même problème avec un pickerView en utilisant deux composants. Ma solution est similaire à celle ci-dessus avec quelques modifications. Parce que j'utilise deux composants, il est nécessaire d'extraire de deux tableaux différents.

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

    UILabel *label = [[UILabel alloc] init];
    label.backgroundColor = [UIColor blueColor];
    label.textColor = [UIColor whiteColor];
    label.font = [UIFont fontWithName:@"HelveticaNeue-Bold" size:18];

    //WithFrame:CGRectMake(0, 0, pickerView.frame.size.width, 60)];

    if(component == 0)
    {
        label.text = [countryArray objectAtIndex:row];
    }
    else
    {
        label.text = [cityArray objectAtIndex:row];
    }
    return label;
}
2
R Thomas
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view {
        UILabel* pickerLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, pickerView.frame.size.width, 37)];
        pickerLabel.text = @"text";
        pickerLabel.textColor = [UIColor redColor];
        return pickerLabel;
}
1
Bobby

Swift 4 (Mise à jour de la réponse acceptée)

extension MyViewController: UIPickerViewDelegate{
    }

    func pickerView(_ pickerView: UIPickerView, attributedTitleForRow row: Int, forComponent component: Int) -> NSAttributedString? {
        return NSAttributedString(string: "your-title-goes-here", attributes: [NSAttributedStringKey.foregroundColor: UIColor.white])
    }
}
1
harsh_v