Mam następujący kod ...

UILabel *buttonLabel = [[UILabel alloc] initWithFrame:targetButton.bounds];
buttonLabel.text = @"Long text string";
[targetButton addSubview:buttonLabel];
[targetButton bringSubviewToFront:buttonLabel];

... chodzi o to, że mogę mieć wieloliniowy tekst dla przycisku, ale tekst jest zawsze zasłonięty przez tło UIButton. Wywołanie rejestrowania w celu wyświetlenia widoków podrzędnych przycisku pokazuje, że dodano UILabel, ale sam tekst nie jest widoczny. Czy to błąd w UIButton, czy robię coś źle?

W systemie iOS 6 i nowszym użyj następujących poleceń, aby zezwolić na wiele linii:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
// you probably want to center it
button.titleLabel.textAlignment = NSTextAlignmentCenter; // if you want to 
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

W przypadku iOS 5 i niższych użyj następujących opcji, aby zezwolić na wiele linii:

button.titleLabel.lineBreakMode = UILineBreakModeWordWrap;
// you probably want to center it
button.titleLabel.textAlignment = UITextAlignmentCenter;
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

2017, dla iOS9 do przodu ,

ogólnie, po prostu wykonaj te dwie rzeczy:

1. wybierz „Tekst przypisany”
2. w wyskakującym okienku „Podział wiersza” wybierz „Zawijanie wyrazów”

Wybrana odpowiedź jest poprawna, ale jeśli wolisz zrobić coś takiego w Konstruktorze interfejsów, możesz to zrobić:

Jeśli chcesz dodać przycisk z tytułem wyśrodkowanym wieloma liniami, ustaw dla tego interfejsu Konstruktora interfejsów:

[ ]

Dla IOS 6:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentCenter;

Tak jak

UILineBreakModeWordWrap and UITextAlignmentCenter

są przestarzałe w IOS 6 i późniejszych.

Aby powtórzyć sugestię Rogera Nolana, ale z wyraźnym kodem, jest to ogólne rozwiązanie:

button.titleLabel?.numberOfLines = 0

SWIFT 3

button.titleLabel?.lineBreakMode = .byWordWrapping
button.titleLabel?.textAlignment = .center  
button.setTitle("Button\nTitle",for: .normal)

W Xcode 9.3 możesz to zrobić za pomocą scenorysów takich jak poniżej,

Musisz ustawić tekst tytułu przycisku Wyrównanie do środka

button.titleLabel?.textAlignment = .center

Nie musisz ustawiać tekstu tytułu w nowej linii (\ n) jak poniżej,

button.setTitle("Good\nAnswer",for: .normal)

Po prostu ustaw tytuł,

button.setTitle("Good Answer",for: .normal)

Oto wynik

Jest o wiele łatwiejszy sposób:

someButton.lineBreakMode = UILineBreakModeWordWrap;

(Edycja dla iOS 3 i nowszych :)

someButton.titleLabel.lineBreakMode = UILineBreakModeWordWrap;

Wyrównaj do lewej w iOS7 z automatycznym układem:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentLeft;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

Miałem problem z automatycznym układem, po włączeniu wielu linii wynik był następujący: więc rozmiar nie wpływa na rozmiar przycisku , który dodałem na podstawie (w tym przypadku contentEdgeInsets to (10, 10, 10, 10 ) po zadzwonieniu : mam nadzieję, że ci to pomoże (szybkie 5.0):

titleLabel
ConstraintscontentEdgeInsets
makeMultiLineSupport()

extension UIButton {

    func makeMultiLineSupport() {
        guard let titleLabel = titleLabel else {
            return
        }
        titleLabel.numberOfLines = 0
        titleLabel.setContentHuggingPriority(.required, for: .vertical)
        titleLabel.setContentHuggingPriority(.required, for: .horizontal)
        addConstraints([
            .init(item: titleLabel,
                  attribute: .top,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .top,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.top),
            .init(item: titleLabel,
                  attribute: .bottom,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .bottom,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.bottom),
            .init(item: titleLabel,
                  attribute: .left,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .left,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.left),
            .init(item: titleLabel,
                  attribute: .right,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .right,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.right)
            ])
    }

}

Przede wszystkim należy pamiętać, że UIButton ma już w sobie UILabel. Możesz to ustawić za pomocą –setTitle:forState:.

Problem z twoim przykładem polega na tym, że musisz ustawić numberOfLineswłaściwość UILabel na wartość inną niż domyślna wartość 1. Powinieneś także przejrzeć lineBreakModewłaściwość.

Dla tych, którzy używają scenorysu Xcode 4, możesz kliknąć przycisk, a po prawej stronie okienka Narzędzia w Inspektorze atrybutów zobaczysz opcję podziału linii. Wybierz zawijanie wyrazów i powinieneś zacząć.

Odpowiedzi tutaj mówią, jak programowo osiągnąć tytuł przycisku wielowierszowego.

Chciałem tylko dodać, że jeśli używasz scenariuszy, możesz wpisać [Ctrl + Enter], aby wymusić nowy wiersz w polu tytułu przycisku.

HTH

Musisz dodać ten kod:

buttonLabel.titleLabel.numberOfLines = 0;

Jeśli chodzi o pomysł Brenta, by umieścić tytuł UILabel jako widok rodzeństwa, nie wydaje mi się to bardzo dobrym pomysłem. Ciągle myślę w problemach z interakcją z UILabel, ponieważ zdarzenia dotykowe nie przechodzą przez widok UIButton.

Z drugiej strony, mając UILabel jako pod-widok przycisku UIBabton, czuję się całkiem komfortowo, wiedząc, że zdarzenia dotykowe zawsze będą propagowane do superwizji UILabel.

Przyjąłem to podejście i nie zauważyłem żadnego problemu zgłoszonego z backgroundImage. Dodałem ten kod do -titleRectForContentRect: podklasy UIButton, ale kod można również umieścić w procedurze rysowania superview UIButton, która w takim przypadku zastąpi wszystkie odniesienia do siebie zmienną UIButton.

#define TITLE_LABEL_TAG 1234

- (CGRect)titleRectForContentRect:(CGRect)rect
{   
    // define the desired title inset margins based on the whole rect and its padding
    UIEdgeInsets padding = [self titleEdgeInsets];
    CGRect titleRect = CGRectMake(rect.origin.x    + padding.left, 
                                  rect.origin.x    + padding.top, 
                                  rect.size.width  - (padding.right + padding.left), 
                                  rect.size.height - (padding.bottom + padding].top));

    // save the current title view appearance
    NSString *title = [self currentTitle];
    UIColor  *titleColor = [self currentTitleColor];
    UIColor  *titleShadowColor = [self currentTitleShadowColor];

    // we only want to add our custom label once; only 1st pass shall return nil
    UILabel  *titleLabel = (UILabel*)[self viewWithTag:TITLE_LABEL_TAG];


    if (!titleLabel) 
    {
        // no custom label found (1st pass), we will be creating & adding it as subview
        titleLabel = [[UILabel alloc] initWithFrame:titleRect];
        [titleLabel setTag:TITLE_LABEL_TAG];

        // make it multi-line
        [titleLabel setNumberOfLines:0];
        [titleLabel setLineBreakMode:UILineBreakModeWordWrap];

        // title appearance setup; be at will to modify
        [titleLabel setBackgroundColor:[UIColor clearColor]];
        [titleLabel setFont:[self font]];
        [titleLabel setShadowOffset:CGSizeMake(0, 1)];
        [titleLabel setTextAlignment:UITextAlignmentCenter];

        [self addSubview:titleLabel];
        [titleLabel release];
    }

    // finally, put our label in original title view's state
    [titleLabel setText:title];
    [titleLabel setTextColor:titleColor];
    [titleLabel setShadowColor:titleShadowColor];

    // and return empty rect so that the original title view is hidden
    return CGRectZero;
}

Zrobiłem trochę czasu i napisałem trochę więcej na ten temat tutaj . Tam też wskazuję krótsze rozwiązanie, choć nie do końca pasuje do wszystkich scenariuszy i obejmuje hakowanie prywatnych widoków. Tam również możesz pobrać podklasę UIButton gotową do użycia.

Jeśli korzystasz z automatycznego układu na iOS 6, może być konieczne ustawienie preferredMaxLayoutWidthwłaściwości:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentCenter;
button.titleLabel.preferredMaxLayoutWidth = button.frame.size.width;

Ustawienie lineBreakMode na NSLineBreakByWordWrapping (w IB lub w kodzie) powoduje, że etykieta przycisku jest wielowierszowa, ale nie wpływa na ramkę przycisku.

Jeśli przycisk ma dynamiczny tytuł, istnieje jedna sztuczka: umieść ukryty UILabel tą samą czcionką i powiązaj jego wysokość z wysokością przycisku za pomocą układu; po ustawieniu tekstu na przycisk i etykieta oraz autolayout wszystko zadziała.

Uwaga

Wewnętrzna wielkość przycisku o jednym wierszu jest większa niż wartość etykiety, więc aby zapobiec zmniejszeniu się wysokości etykiety, jego pionowy priorytet Przytulanie zawartości musi być większy niż pionowy przycisk Odporność na kompresję treści.

W Swift 5.0 i Xcode 10.2

//UIButton extension
extension UIButton {
     //UIButton properties
     func btnMultipleLines() {
         titleLabel?.numberOfLines = 0
         titleLabel?.lineBreakMode = .byWordWrapping
         titleLabel?.textAlignment = .center        
     }
}

W swoim ViewController zadzwoń w ten sposób

button.btnMultipleLines()//This is your button

Działa idealnie.

Dodaj, aby użyć tego z plikiem konfiguracyjnym, takim jak Plist, musisz użyć CDATA, aby napisać tytuł wielowarstwowy, jak poniżej:

<string><![CDATA[Line1
Line2]]></string>

Jeśli korzystasz z automatycznego układu.

button.titleLabel?.adjustsFontSizeToFitWidth = true
button.titleLabel?.numberOfLines = 2

szybki 4.0

btn.titleLabel?.lineBreakMode = .byWordWrapping
btn.titleLabel?.textAlignment = .center
btn.setTitle( "Line1\nLine2", for: .normal)

W dzisiejszych czasach, jeśli naprawdę potrzebujesz tego rodzaju rzeczy, aby być dostępnym w kreatorze interfejsów dla poszczególnych przypadków, możesz to zrobić za pomocą prostego rozszerzenia takiego jak ten:

extension UIButton {
    @IBInspectable var numberOfLines: Int {
        get { return titleLabel?.numberOfLines ?? 1 }
        set { titleLabel?.numberOfLines = newValue }
    }
}

Następnie możesz po prostu ustawić numberOfLines jako atrybut w dowolnej podklasie UIButton lub UIButton, tak jakby to była etykieta. To samo dotyczy całego szeregu innych zwykle niedostępnych wartości, takich jak promień narożny warstwy widoku lub atrybuty rzucanego przez niego cienia.

Swift 5, dla tekstu wielowierszowego w UIButton

  let button = UIButton()
  button.titleLabel?.lineBreakMode = .byWordWrapping
  button.titleLabel?.textAlignment = .center
  button.titleLabel?.numberOfLines = 0 // for Multi line text

Rzuć własną klasą przycisków. To zdecydowanie najlepsze rozwiązanie na dłuższą metę. UIButton i inne klasy UIKit są bardzo restrykcyjne w sposobie ich dostosowywania.

self.btnError.titleLabel?.lineBreakMode = NSLineBreakMode.byWordWrapping

self.btnError.titleLabel?.textAlignment = .center

self.btnError.setTitle("Title", for: .normal)

I włączone odpowiedź jessecurry w zasięgu STAButton który jest częścią mojego STAControls bibliotecznych open source. Obecnie używam go w jednej z rozwijanych przeze mnie aplikacji i działa na moje potrzeby. Nie krępuj się otwierać problemów dotyczących tego, jak to poprawić lub wysyłać mi prośby o pobranie.

Aby naprawić odstępy między etykietami tytułu dla przycisku, ustaw titleEdgeInsets i inne właściwości przed setTitle:

    let set = UIButton()
    sut.titleLabel?.lineBreakMode = .byWordWrapping
    sut.titleLabel?.numberOfLines = 0
    sut.titleEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 20, right: 20)
    sut.setTitle("Dummy button with long long long long long long long long title", for: .normal)

PS Przetestowałem ustawienie titleLabel? .Text Wyrównanie nie jest konieczne, a tytuł wyrównuje się .natural.

Chociaż dodawanie widoku podrzędnego do formantu jest w porządku, nie ma gwarancji, że faktycznie zadziała, ponieważ formant może nie oczekiwać, że tam będzie, a zatem może źle się zachowywać. Jeśli możesz to zrobić, po prostu dodaj etykietę jako widok rodzeństwa przycisku i ustaw ramkę tak, aby zachodziła na przycisk; dopóki ustawiony jest na górze przycisku, nic, co może zrobić przycisk, nie zasłoni go.

Innymi słowy:

[button.superview addSubview:myLabel];
myLabel.center = button.center;