UIButton avec deux lignes de texte dans le titre (numberOfLines = 2)

J'essaye de faire un UIButtonJ'essaye qui a deux lignes de texte dans son titleLabel. Voici le code que j'utilise:

    UIButton *titleButton = [[UIButton alloc] initWithFrame:CGRectMake(15, 10, frame.size.width-100, 100)];
    titleButton.titleLabel.font = [UIFont boldSystemFontOfSize:24.0];
    [titleButton setTitle:@"This text is very long and should get truncated at the end of the second line" forState:UIControlStateNormal];
    titleButton.titleLabel.lineBreakMode = UILineBreakModeTailTruncation;
    titleButton.titleLabel.numberOfLines = 2;
    [self addSubview:titleButton];

Lorsque j'essaye ceci, le texte n'apparaît que sur une seule ligne. Il semble que le seul moyen d'obtenir plus d'une ligne de texte enUIButton.titleLabel consiste à définir numberOfLines=0et à utiliser UILineBreakModeWordWrap. Mais cela ne garantit pas que le texte comporte exactement deux lignes.

Utiliser une plaine UILabelCependant, l' fonctionne:

    UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(15, 10, frame.size.width-100, 100)];
    titleLabel.font = [UIFont boldSystemFontOfSize:24.0];
    titleLabel.text = @"This text is very long and should get truncated at the end of the second line";
    titleLabel.numberOfLines = 2;
    titleLabel.lineBreakMode = UILineBreakModeTailTruncation;
    [self addSubview:titleLabel];

Est-ce que quelqu'un sait comment faire le UIButtontravail avec deux lignes? La seule solution consiste-t-elle à créer UILabelun élément séparé pour contenir le texte et à l'ajouter en tant que sous-vue du bouton?

Réponse mise à jour pour les versions iOS plus récentes

Comme c'est la réponse acceptée, ajoutez la réponse de @ Sean ici:

Définissez ces propriétés sur le titleLabel de votre bouton.

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.numberOfLines = 2; // if you want unlimited number of lines put 0

Swift 3 et 4:

button.titleLabel?.lineBreakMode = .byWordWrapping
button.titleLabel?.numberOfLines = 2 // if you want unlimited number of lines put 0

Réponse originale pour une ancienne version d'iOS

Si vous voulez 2 lignes de texte au-dessus de votre, UIButtonvous devez ajouter un UIlabeldessus qui fait précisément cela.

UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(15, 10, frame.size.width-100, 100)];
titleLabel.font = [UIFont boldSystemFontOfSize:24.0];
titleLabel.text = @"This text is very long and should get truncated at the end of the second line";
titleLabel.numberOfLines = 2;
titleLabel.lineBreakMode = UILineBreakModeTailTruncation;
[myButton addSubview:titleLabel]; //add label to button instead.

Mise à jour pour la solution de création d'interface

Ajout de la réponse de @Borut Tomazin pour une réponse plus complète. Mise à jour de cette partie depuis que la réponse de @Borut Tomazin a été améliorée.

Vous pouvez le faire beaucoup plus facilement, sans code requis. Dans Interface Builder, définissez Line BreakUIButton sur Word Wrap. Ensuite, vous pouvez insérer plusieurs lignes de titre. Option + ReturnAppuyez simplement sur les touches pour créer une nouvelle ligne. Vous devrez également l'ajouter à l'attribut d'exécution défini par l'utilisateur dans Interface Builder:

titleLabel.textAlignment Number [1]

Vous n'avez pas besoin d'ajouter un UILabel à l'UIButton. Ce ne sont que des objets et du travail supplémentaires.

Définissez ces propriétés sur le titleLabel de votre bouton.

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.numberOfLines = 2;//if you want unlimited number of lines put 0

Rapide:

button.titleLabel!.lineBreakMode = NSLineBreakMode.ByWordWrapping
button.titleLabel!.numberOfLines = 2//if you want unlimited number of lines put 0

Vous pouvez le faire beaucoup plus facilement, sans code requis. Dans Interface Builder, définissez Line BreakUIButton sur Word Wrap. Ensuite, vous pouvez insérer plusieurs lignes de titre. Option + ReturnAppuyez simplement sur les touches pour créer une nouvelle ligne. Vous devrez également l'ajouter à l'attribut d'exécution défini par l'utilisateur dans Interface Builder:

titleLabel.textAlignment Number [1]

C'est si simple. J'espère que cela aide...

 button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;

button.titleLabel.textAlignment = NSTextAlignmentCenter;

[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

Pour éviter complètement le besoin de modifier le code, et donc le besoin de sous-classer votre vue, dans Xcode5 et supérieur, vous pouvez suivre la suggestion de Borut Tomazin:

Dans Interface Builder (ou storyboard), définissez Saut de ligne sur Word Wrap. Ensuite, vous pouvez insérer plusieurs lignes de titre. Appuyez simplement sur les touches Option+ Returnpour créer une nouvelle ligne.

puis, dans les attributs d'exécution définis par l' utilisateur, vous pouvez ajouter

Chemin clé: titleLabel.textAlignment
Type: Number
Valeur:1

Remarque: ce n'est peut-être pas complètement «à l'épreuve du temps» puisque nous traduisons la UITextAlignmentCenterconstante en sa valeur numérique (et cette constante peut changer à mesure que de nouvelles versions iOS sont publiées), mais cela semble sûr dans un proche avenir.

Vous pouvez modifier la valeur requise directement depuis Storyboard. Sélectionnez le bouton, accédez à l'inspecteur d'identité et ajoutez la paire clé-valeur suivante dans la section "Attributs d'exécution définis par l'utilisateur":