Wiele wierszy tekstu w UILabel

443

Czy istnieje sposób na umieszczenie wielu wierszy tekstu na UILabelprzykład w UITextViewlub powinienem zamiast tego użyć drugiego?

Ilya Suzdalnitski
źródło
5
Zauważ, że UILineBreakModeWordWrapbył przestarzały w iOS 6. Powinieneś teraz użyć NSLineBreakByWordWrapping = 0Zobacz dokumentację tutaj
Austin
sprawdź to pytanie stackoverflow.com/questions/2312899/…
user1766342 13.02.13

Odpowiedzi:

796

Znalazłem rozwiązanie.

Trzeba tylko dodać następujący kod:

// Swift
textLabel.lineBreakMode = .ByWordWrapping // or NSLineBreakMode.ByWordWrapping
textLabel.numberOfLines = 0 

// For Swift >= 3
textLabel.lineBreakMode = .byWordWrapping // notice the 'b' instead of 'B'
textLabel.numberOfLines = 0

// Objective-C
textLabel.lineBreakMode = NSLineBreakByWordWrapping;
textLabel.numberOfLines = 0;

// C# (Xamarin.iOS)
textLabel.LineBreakMode = UILineBreakMode.WordWrap;
textLabel.Lines = 0;  

Przywrócono starą odpowiedź (do wiadomości i deweloperów chętnych do obsługi iOS poniżej 6.0):

textLabel.lineBreakMode = UILineBreakModeWordWrap;
textLabel.numberOfLines = 0;

Z boku: obie wartości wyliczeniowe i 0tak ustępują.

Ilya Suzdalnitski
źródło
16
UILineBreakModeWordWrap jest tak naprawdę domyślny, więc nie potrzebujesz pierwszej linii.
Jarred Olson
1
Dla osób używających swift: cell.textLabel?.lineBreakMode = NSLineBreakMode.ByWordWrappingicell.textLabel?.numberOfLines = 0
boidkan
5
Dziękujemy za dostarczenie kodu Xamarin. Autouzupełnianie nie zadziałało, ponieważ postanowili skrócić tę właściwość ... +1
Jan Gillich
Zgadzam się z Jarredem Olsonem, domyślnym jest NSLineBreakByWordWrapping . Dodałem właściwość sizeToFit, jak przewodnik Gurumoorthy Arumugam, aby to naprawić. Jeśli chcesz, aby czcionka w etykiecie dopasowała się do granic etykiety. Możesz użyć: textLabel.adjustsFontSizeToFitWidth = TAK; Dziękuje wszystkim.
ryan tran
@JarredOlson Docs mówią „Domyślnie ta właściwość jest ustawiona na byTruncatingTail”.
Bill
138

W IB ustaw liczbę linii na 0 (pozwala na nieograniczoną liczbę linii)

Podczas pisania w polu tekstowym za pomocą IB użyj „alt-return”, aby wstawić znak powrotu i przejść do następnego wiersza (lub możesz skopiować tekst już oddzielony wierszami).

Kendall Helmstetter Gelner
źródło
1
[Gdy świadomie wykopuje więcej niż roczny wątek ...] Jedną rzeczą, którą czasami chciałbym zrobić w IB, jest wprowadzanie tekstu bez osadzonych podziałów linii, ustawienie UILineBreakModeWordWrap i numberOfLines = 0, a następnie włączenie etykiety auto -automatycznie dostosuj wysokość, cały czas projektując w IB. Mam na myśli przypadek, w którym widok jest przeskalowany do poziomego, gdzie podział linii na etykiecie może być problematyczny. Lub ... Mogę niewłaściwie wykorzystywać IB! Być może automatyczne dopasowywanie etykiet w IB powoduje więcej problemów niż rozwiązuje? (Poza tym w tym momencie i tak nie można wywoływać sizeToFit.)
Joe D'Andrea
„0” rzecz, którą otrzymałem z dokumentacji dla UILabel, alternatywny powrót od znajomego, który korzysta z Konstruktora interfejsów od wielu lat.
Kendall Helmstetter Gelner,
3
+1 za bycie jedyną odpowiedzią na „alt-return”. W szczególności „ctrl-return” wydaje się działać, ale nie działa.
paulmelnikow
52

Najlepsze rozwiązanie, jakie znalazłem (w innym przypadku frustrujący problem, który powinien zostać rozwiązany w ramach) jest podobne do rozwiązania vaychick.

Wystarczy ustawić liczbę linii na 0 w IB lub w kodzie

myLabel.numberOfLines = 0;

Spowoduje to wyświetlenie potrzebnych linii, ale zmieni położenie etykiety w taki sposób, aby była wyśrodkowana w poziomie (tak, aby etykieta 1-liniowa i 3-liniowa została wyrównana w pozycji poziomej). Aby naprawić ten dodatek:

CGRect currentFrame = myLabel.frame;
CGSize max = CGSizeMake(myLabel.frame.size.width, 500);
CGSize expected = [myString sizeWithFont:myLabel.font constrainedToSize:max lineBreakMode:myLabel.lineBreakMode]; 
currentFrame.size.height = expected.height;
myLabel.frame = currentFrame;
Michael Michailidis
źródło
Rozwiąż moje zapytanie z pomocą ciebie i @Ilyi Suzdalnitski. Wielkie dzięki.
Mihir Oza,
33

Użyj tego, aby mieć wiele wierszy tekstu w UILabel:

textLabel.lineBreakMode = NSLineBreakByWordWrapping;
textLabel.numberOfLines = 0;

Szybki:

textLabel.lineBreakMode = .byWordWrapping
textLabel.numberOfLines = 0
Abi
źródło
21
myUILabel.numberOfLines = 0;
myUILabel.text = @"your long string here";
[myUILabel sizeToFit];
Gurumoorthy Arumugam
źródło
16

Jeśli musisz użyć:

myLabel.numberOfLines = 0;

można również użyć standardowego podziału wiersza ("\n")w kodzie, aby wymusić nowy wiersz.

Tim Maher-De Troyer
źródło
15

Możesz użyć, \raby przejść do następnego wiersza podczas wypełniania za UILabelpomocą NSString.

UILabel * label;


label.text = [NSString stringWithFormat:@"%@ \r %@",@"first line",@"seconcd line"];
prajul
źródło
14

Spróbujmy tego

textLabel.lineBreakMode = NSLineBreakModeWordWrap; // UILineBreakModeWordWrap deprecated     
textLabel.numberOfLines = 0;                          
użytkownik40910
źródło
można to również ustawić w całym atrybucie IB „Linie” na 0 na UILabel.
KoreanXcodeWorker
11
textLabel.lineBreakMode = UILineBreakModeWordWrap;
textLabel.numberOfLines = 0;

Powyższe rozwiązanie nie działa w moim przypadku. Robię tak:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // ...

    CGSize size = [str sizeWithFont:[UIFont fontWithName:@"Georgia-Bold" size:18.0] constrainedToSize:CGSizeMake(240.0, 480.0) lineBreakMode:UILineBreakModeWordWrap];
    return size.height + 20;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    if (cell == nil)
    {
        // ...
        cell.textLabel.lineBreakMode = UILineBreakModeWordWrap;
        cell.textLabel.numberOfLines = 0;
        cell.textLabel.font = [UIFont fontWithName:@"Georgia-Bold" size:18.0];
    }

    // ...

    UILabel *textLabel = [cell textLabel];
    CGSize size = [text sizeWithFont:[UIFont fontWithName:@"Georgia-Bold" size:18.0]
                                        constrainedToSize:CGSizeMake(240.0, 480.0)
                                            lineBreakMode:UILineBreakModeWordWrap];

    cell.textLabel.frame = CGRectMake(0, 0, size.width + 20, size.height + 20);

    //...
}
bartolo-otrit
źródło
8

Użyj opowieści borad: wybierz etykietę, aby ustawić liczbę linii na zero ...... Lub Odwołaj się

wprowadź opis zdjęcia tutaj

Vijay Sharma
źródło
8

Swift 3
Ustaw zero linii wierszy dla dynamicznych informacji tekstowych, przydadzą się do zmieniania tekstu.

var label = UILabel()
let stringValue = "A label\nwith\nmultiline text."
label.text = stringValue
label.numberOfLines = 0
label.lineBreakMode = .byTruncatingTail // or .byWrappingWord
label.minimumScaleFactor = 0.8 . // It is not required but nice to have a minimum scale factor to fit text into label frame

wprowadź opis zdjęcia tutaj

Krunal
źródło
1
Dziękuję Krunal, to dla mnie działa!
Yogesh Patel
6
UILabel *helpLabel = [[UILabel alloc] init];
NSAttributedString *attrString = [[NSAttributedString alloc] initWithString:label];
helpLabel.attributedText = attrString;
// helpLabel.text = label;

helpLabel.textAlignment = NSTextAlignmentCenter;
helpLabel.lineBreakMode = NSLineBreakByWordWrapping;
helpLabel.numberOfLines = 0;

Z niektórych powodów nie działa dla mnie w iOS 6, nie jestem pewien, dlaczego. Wypróbowałem to z przypisanym tekstem i bez niego. Jakieś sugestie.

Rajashekar
źródło
6

Spróbuj użyć tego:

lblName.numberOfLines = 0;
[lblName sizeToFit];
Mubin Shaikh
źródło
sizeToFit nie działa, gdy numberOfLine ma wartość inną niż 0. To interesujące.
Onur Tuna
3

Te rzeczy mi pomogły

Zmień te właściwości UILabel

label.numberOfLines = 0;
label.adjustsFontSizeToFitWidth = NO;
label.lineBreakMode = NSLineBreakByWordWrapping;

Podczas wprowadzania ciągu znaków użyj \ n, aby wyświetlić różne słowa w różnych wierszach.

Przykład:

 NSString *message = @"This \n is \n a demo \n message for \n stackoverflow" ;
iPhoneDeveloper
źródło
3

Metoda 1:

extension UILabel {//Write this extension after close brackets of your class
    func lblFunction() {
        numberOfLines = 0
        lineBreakMode = .byWordWrapping//If you want word wraping
        //OR
        lineBreakMode = .byCharWrapping//If you want character wraping
    }
}

Teraz zadzwoń po prostu tak

myLbl.lblFunction()//Replace your label name 

DAWNY:

Import UIKit

class MyClassName: UIViewController {//For example this is your class. 

    override func viewDidLoad() {
    super.viewDidLoad()

        myLbl.lblFunction()//Replace your label name 

    }

}//After close of your class write this extension.

extension UILabel {//Write this extension after close brackets of your class
    func lblFunction() {
        numberOfLines = 0
        lineBreakMode = .byWordWrapping//If you want word wraping
        //OR
        lineBreakMode = .byCharWrapping//If you want character wraping
    }
}

Metoda 2:

Programowo

yourLabel.numberOfLines = 0
yourLabel.lineBreakMode = .byWordWrapping//If you want word wraping
//OR
yourLabel.lineBreakMode = .byCharWrapping//If you want character wraping

Metoda 3:

Poprzez planszę historii

Aby wyświetlić wiele linii ustawionych na 0 (zero), wyświetli się więcej niż jeden wiersz na etykiecie.

Jeśli chcesz wyświetlić n linii, ustaw n.

Zobacz poniższy ekran.

wprowadź opis zdjęcia tutaj

Jeśli chcesz ustawić minimalny rozmiar czcionki dla etykiety Kliknij opcję Autoshrink i wybierz opcję Minimalna wielkość czcionki

Zobacz poniższe ekrany

wprowadź opis zdjęcia tutaj

Tutaj ustaw minimalny rozmiar czcionki

EX: 9 (na tym obrazku)

Jeśli etykieta otrzyma więcej tekstu w tym czasie, tekst etykiety zmniejszy się do 9

wprowadź opis zdjęcia tutaj

iOS
źródło
2
UILabel *labelName = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 30)];
[labelName sizeToFit];
labelName.numberOfLines = 0;
labelName.text = @"Your String...";
[self.view addSubview:labelName];
Gaurav Gilani
źródło
nie zapomnij dodać: [labelName setLineBreakMode: NSLineBreakByWordWrapping];
Irineu Licks Filho
2

Możesz to zrobić również za pomocą Storyboard:

  1. Wybierz etykietę na kontrolerze widoku
  2. W Inspektorze atrybutów zwiększ wartość opcji Linia (naciśnij Alt + Cmd + 4, aby wyświetlić Inspektora atrybutów)
  3. Kliknij dwukrotnie etykietę w kontrolerze widoku i napisz lub wklej tekst
  4. Zmień rozmiar etykiety i / lub zwiększ rozmiar czcionki, aby wyświetlić cały tekst
OsLivon
źródło
i ustaw Linie na 0, w przeciwnym razie pokaże tylko tekst, który można wstawić do określonej liczby linii, inne zostaną pominięte.
toing_toing
2

powinieneś spróbować:

-(CGFloat)dynamicLblHeight:(UILabel *)lbl
{
    CGFloat lblWidth = lbl.frame.size.width;
    CGRect lblTextSize = [lbl.text boundingRectWithSize:CGSizeMake(lblWidth, MAXFLOAT)
                                               options:NSStringDrawingUsesLineFragmentOrigin
                                            attributes:@{NSFontAttributeName:lbl.font}
                                               context:nil];
    return lblTextSize.size.height;
}
Pritesh
źródło
1
UILabel *textLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 150, 30)];
[textLabel sizeToFit];
textLabel.numberOfLines = 0;
textLabel.text = @"Your String...";
Gaurav Gilani
źródło
1

Już odpowiedziałeś, ale możesz to zrobić ręcznie również w serii ujęć. W obszarze Inspektor atrybutów dla etykiety możesz zmienić Podziały wiersza na Zawijanie wyrazów (lub zawijanie znaków).

Fleija
źródło
1

W tej funkcji podaj ciąg znaków, który chcesz przypisać w etykiecie i podaj rozmiar czcionki zamiast self.activityFont i podaj szerokość etykiety zamiast 235, teraz otrzymujesz wysokość etykiety zgodnie ze swoim ciągiem. będzie działać dobrze.

-(float)calculateLabelStringHeight:(NSString *)answer
{
    CGRect textRect = [answer boundingRectWithSize: CGSizeMake(235, 10000000) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:self.activityFont} context:nil];
    return textRect.size.height;

}
Nripendra singh
źródło
1

Ustaw poniżej w kodzie lub w samej serii ujęć

Label.lineBreakMode = NSLineBreakByWordWrapping; Label.numberOfLines = 0;

i nie zapomnij ustawić ograniczeń dla lewej, prawej, górnej i dolnej dla etykiety, w przeciwnym razie nie zadziała.

Anargit garg
źródło
Wszędzie jest napisane, aby ustawić zawijanie słów i liczbę wierszy na 0. Ale nadal moje nie zawijało. Ustawienie ograniczenia lewego, górnego, dolnego i prawego spowodowało zawinięcie.
anoo_radha
1

Swift 4:

label.lineBreakMode = .byWordWrapping

label.numberOfLines = 0

label.translatesAutoresizingMaskIntoConstraints = false

label.preferredMaxLayoutWidth = superview.bounds.size.width - 10 
Sumona Salma
źródło
0

Na C # to działało dla mnie w UITableViewCell.

        UILabel myLabel = new UILabel();
        myLabel.Font = UIFont.SystemFontOfSize(16);
        myLabel.Lines = 0;
        myLabel.TextAlignment = UITextAlignment.Left;
        myLabel.LineBreakMode = UILineBreakMode.WordWrap;
        myLabel.MinimumScaleFactor = 1;
        myLabel.AdjustsFontSizeToFitWidth = true;

       myLabel.InvalidateIntrinsicContentSize();
       myLabel.Frame = new CoreGraphics.CGRect(20, mycell.ContentView.Frame.Y + 20, cell.ContentView.Frame.Size.Width - 40, mycell.ContentView.Frame.Size.Height);
       myCell.ContentView.AddSubview(myLabel);

Myślę, że chodzi tutaj o: -

            myLabel.TextAlignment = UITextAlignment.Left;
            myLabel.LineBreakMode = UILineBreakMode.WordWrap;
            myLabel.MinimumScaleFactor = 1;
            myLabel.AdjustsFontSizeToFitWidth = true;
AG
źródło
-2

Ten kod zwraca wysokość zgodnie z tekstem

+ (CGFloat)findHeightForText:(NSString *)text havingWidth:(CGFloat)widthValue andFont:(UIFont *)font
 {
    CGFloat result = font.pointSize+4;
    if (text) 
{
        CGSize size;

        CGRect frame = [text boundingRectWithSize:CGSizeMake(widthValue, 999)
                                          options:NSStringDrawingUsesLineFragmentOrigin
                                       attributes:@{NSFontAttributeName:font}
                                          context:nil];
        size = CGSizeMake(frame.size.width, frame.size.height+1);
        result = MAX(size.height, result); //At least one row
    }
    return result;
}
Gauraw
źródło