UILabel sizeToFit funktioniert nicht mit Autolayout ios6

Wie soll ich programmgesteuert (und in welcher Methode) ein UILabel konfigurieren, dessen Höhe von seinem Text abhängt? Ich habe versucht, es mit einer Kombination aus Storyboard und Code einzurichten, aber ohne Erfolg. Jeder empfiehlt sizeToFitbeim Einstellen lineBreakModeund numberOfLines. Doch egal , ob ich diesen Code setzte in viewDidLoad:, viewDidAppear:oder viewDidLayoutSubviewsich kann es nicht an der Arbeit. Entweder mache ich das Feld zu klein für langen Text und es wächst nicht, oder ich mache es zu groß und es schrumpft nicht.

Bitte beachten Sie, dass die Lösung von Matt in den meisten Fällen wie erwartet funktioniert. Aber wenn es bei Ihnen nicht funktioniert, lesen Sie bitte weiter.

Um die Größe Ihres Etiketts automatisch zu ändern, müssen Sie folgende Schritte ausführen:

1. Legen Sie Layoutbeschränkungen für die Beschriftung fest
2. Stellen Sie die Höhenbeschränkung mit niedriger Priorität ein. Es sollte niedriger als ContentCompressionResistancePriority sein
3. Setzen Sie numberOfLines = 0
4. Stellen Sie ContentHuggingPriority höher als die Höhenpriorität des Etiketts ein
5. Legen Sie PreferredMaxLayoutWidth für die Beschriftung fest. Dieser Wert wird vom Etikett verwendet, um seine Höhe zu berechnen

Beispielsweise:

self.descriptionLabel = [[UILabel alloc] init];
self.descriptionLabel.numberOfLines = 0;
self.descriptionLabel.lineBreakMode = NSLineBreakByWordWrapping;
self.descriptionLabel.preferredMaxLayoutWidth = 200;

[self.descriptionLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[self.descriptionLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[self.descriptionLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[self addSubview:self.descriptionLabel];

NSArray* constrs = [NSLayoutConstraint constraintsWithVisualFormat:@"|-8-[descriptionLabel_]-8-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)];
[self addConstraints:constrs];
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-8-[descriptionLabel_]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)]];
[self.descriptionLabel addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[descriptionLabel_(220@300)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)]];

Verwenden des Interface Builder

1. Richten Sie vier Einschränkungen ein. Die Höhenbeschränkung ist obligatorisch.

2. Gehen Sie dann zum Attributinspektor des Etiketts und setzen Sie die Anzahl der Zeilen auf 0.

3. Wechseln Sie zum Größeninspektor des Etiketts und erhöhen Sie die vertikale ContentHuggingPriority und die vertikale ContentCompressionResistancePriority.
   

4. Wählen Sie die Höhenbeschränkung aus und bearbeiten Sie sie.
   

5. Verringern Sie die Priorität der Höhenbeschränkung.
   

Genießen. :) :)

Wenn in iOS 6 bei Verwendung von Autolayout die Seiten (oder die Breite) und die Oberseite eines UILabels fixiert sind, wird es automatisch vertikal vergrößert und verkleinert, um dem Inhalt zu entsprechen, ohne Code und ohne Beeinträchtigung der Kompressionsbeständigkeit oder was auch immer. Es ist ganz einfach.

In komplexeren Fällen legen Sie einfach die Beschriftungen fest preferredMaxLayoutWidth.

In jedem Fall geschieht das Richtige automatisch.

Obwohl die Frage programmgesteuert lautet, nachdem ich auf dasselbe Problem gestoßen bin und lieber in Interface Builder arbeite, hielt ich es für nützlich, die vorhandenen Antworten mit einer Interface Builder-Lösung zu ergänzen.

Das erste ist zu vergessen sizeToFit. Das automatische Layout übernimmt dies in Ihrem Namen basierend auf der Größe des Inhalts.

Das Problem ist daher, wie ein Etikett mit dem automatischen Layout an den Inhalt angepasst werden kann. Insbesondere - weil die Frage es erwähnt - Höhe. Beachten Sie, dass für die Breite dieselben Prinzipien gelten.

Beginnen wir also mit einem Beispiel für UILabel, dessen Höhe auf 41 Pixel hoch eingestellt ist:

Wie Sie oben auf dem Bildschirm sehen können, "This is my text"ist oben und unten eine Polsterung vorhanden. Das ist ein Auffüllen zwischen der Höhe des UILabels und seinem Inhalt, dem Text.

Wenn wir die App im Simulator ausführen, sehen wir sicher dasselbe:

Wählen Sie nun das UILabel im Interface Builder aus und sehen Sie sich die Standardeinstellungen im Größeninspektor an:

Beachten Sie die oben hervorgehobene Einschränkung. Das ist die Priorität von Content Hugging . Wie Erica Sadun es im ausgezeichneten iOS Auto Layout Demystified beschreibt , ist dies:

Die Art und Weise, wie eine Ansicht es bevorzugt, zusätzliche Auffüllungen um ihren Kerninhalt zu vermeiden

Für uns mit dem UILabel ist der Text der Kerninhalt.

Hier kommen wir zum Kern dieses Grundszenarios. Wir haben unserer Textbezeichnung zwei Einschränkungen gegeben. Sie widersprechen sich. Man sagt "die Höhe muss gleich 41 Pixel hoch sein" . Der andere sagt „hug den Blick auf seinen Inhalt , so dass wir keine zusätzliche Polsterung haben“ . In unserem Fall sollten Sie die Ansicht an den Text anpassen, damit wir keine zusätzliche Polsterung haben.

Bei Auto Layout mit zwei verschiedenen Anweisungen, die unterschiedliche Aufgaben ausführen, muss die Laufzeit nun die eine oder andere auswählen. Es kann nicht beides. Das UILabel kann nicht beide 41 Pixel hoch sein und hat keine Polsterung.

Die Lösung erfolgt durch Angabe der Priorität. Ein Befehl muss eine höhere Priorität haben als der andere. Wenn beide Anweisungen unterschiedliche Aussagen machen und dieselbe Priorität haben, tritt eine Ausnahme auf.

Also lass es uns versuchen. Meine Höhenbeschränkung hat eine Priorität von 1000 , was erforderlich ist . Die Höhe des Inhalts beträgt 250 , was schwach ist . Was passiert, wenn wir die Priorität der Höhenbeschränkung auf 249 reduzieren ?

Jetzt können wir sehen, wie die Magie beginnt. Versuchen wir es in der Sim:

Genial! Content Hugging erreicht. Nur weil die Höhenpriorität 249 geringer ist als die Inhaltspriorität 250 . Grundsätzlich sage ich: "Die Höhe, die ich hier spezifiziere, ist weniger wichtig als die, die ich für das Umarmen von Inhalten angegeben habe . " So gewinnt der Inhalt, der umarmt.

Unter dem Strich kann das Anpassen der Beschriftung an den Text so einfach sein wie das Festlegen der Höhen- oder Breitenbeschränkung und das korrekte Festlegen dieser Priorität in Verbindung mit der inhaltlichen Prioritätsbeschränkung dieser Achse.

Wird das Äquivalent für Breite als Übung für den Leser tun!

In IOS7 bemerkte sizeToFit funktionierte auch nicht - vielleicht hilft Ihnen die Lösung auch

[textView sizeToFit];
[textView layoutIfNeeded];

Eine weitere Option, um sicherzustellen, dass die bevorzugte MaxLayoutWidth des Etiketts mit der Breite des Etiketts synchronisiert bleibt:

#import "MyLabel.h"

@implementation MyLabel

-(void)setBounds:(CGRect)bounds
{
    [super setBounds:bounds];

    // This appears to be needed for iOS 6 which doesn't seem to keep
    // label preferredMaxLayoutWidth in sync with its width, which 
    // means the label won't grow vertically to encompass its text if 
    // the label's width constraint changes.
    self.preferredMaxLayoutWidth = self.bounds.size.width;
}

@end

Ich denke, ich sollte einen Beitrag leisten, da ich eine Weile gebraucht habe, um die richtige Lösung zu finden:

• Das Ziel ist es, Auto Layout seine Arbeit machen zu lassen, ohne jemals sizeToFit () aufzurufen. Dazu geben wir die richtigen Einschränkungen an:
• Geben Sie für Ihr UILabel Einschränkungen für den oberen, unteren und führenden / nachfolgenden Speicherplatz an
• Setzen Sie die Eigenschaft für die Anzahl der Zeilen auf 0
• Erhöhen Sie die Priorität für das Umarmen von Inhalten auf 1000
• Verringern Sie die Priorität des Inhaltskomprimierungswiderstands auf 500
• Verringern Sie in Ihrer unteren Containereinschränkung die Priorität auf 500

Grundsätzlich sagen Sie Ihrem UILabel, dass es trotz einer festen Höhenbeschränkung die Einschränkung aufheben kann, um sich selbst zu verkleinern, um den Inhalt zu umarmen (wenn Sie beispielsweise eine einzelne Zeile haben), dies jedoch nicht kann Brechen Sie die Einschränkung, um sie größer zu machen.

In meinem Fall habe ich eine UIView-Unterklasse erstellt, die ein UILabel (unbekannter Länge) enthielt. In iOS7 war der Code unkompliziert: Legen Sie die Einschränkungen fest, sorgen Sie sich nicht um das Umarmen von Inhalten oder die Komprimierungsbeständigkeit, und alles funktionierte wie erwartet.

In iOS6 wurde das UILabel jedoch immer auf eine einzelne Zeile beschränkt. Keine der obigen Antworten hat bei mir funktioniert. Einstellungen für Inhaltsumarmung und Kompressionswiderstand wurden ignoriert. Die einzige Lösung, die ein Abschneiden verhinderte, bestand darin, eine bevorzugte MaxLayoutWidth auf dem Etikett anzubringen. Ich wusste jedoch nicht, auf welche Einstellung ich die bevorzugte Breite einstellen sollte, da die Größe der übergeordneten Ansicht unbekannt war (tatsächlich würde sie durch den Inhalt definiert).

Hier habe ich endlich die Lösung gefunden . Da ich an einer benutzerdefinierten Ansicht arbeitete, konnte ich einfach die folgende Methode hinzufügen, um die bevorzugte Layoutbreite festzulegen, nachdem die Einschränkungen einmal berechnet wurden, und sie dann neu berechnen:

- (void)layoutSubviews
{
    // Autolayout hack required for iOS6
    [super layoutSubviews];
    self.bodyLabel.preferredMaxLayoutWidth = self.bodyLabel.frame.size.width;
    [super layoutSubviews];
}

Ich fügte UILabelprogrammatisch hinzu und in meinem Fall war das genug:

label.translatesAutoresizingMaskIntoConstraints = false
label.setContentCompressionResistancePriority(UILayoutPriorityRequired, forAxis: .Vertical)
label.numberOfLines = 0

Ich habe mit xCode6 gelöst, indem ich "Bevorzugte Breite" auf "Automatisch" gesetzt und das Etikett oben, vorne und hinten angeheftet habe

UIFont *customFont = myLabel.font;
CGSize size = [trackerStr sizeWithFont:customFont
                             constrainedToSize:myLabel.frame.size // the size here should be the maximum size you want give to the label
                                 lineBreakMode:UILineBreakModeWordWrap];
float numberOfLines = size.height / customFont.lineHeight;
myLabel.numberOfLines = numberOfLines;
myLabel.frame = CGRectMake(258, 18, 224, (numberOfLines * customFont.lineHeight));

Ich bin auch auf dieses Problem mit einer UIView-Unterklasse gestoßen, die ein UILabel als eines seiner internen Elemente enthält. Selbst beim automatischen Auslegen und Ausprobieren aller empfohlenen Lösungen würde das Etikett seine Höhe nicht an den Text anpassen. In meinem Fall möchte ich immer nur, dass das Etikett eine Zeile enthält.

Für mich hat es jedenfalls funktioniert, eine erforderliche Höhenbeschränkung für das UILabel hinzuzufügen und diese manuell auf die richtige Höhe einzustellen, wenn intrinsicContentSize aufgerufen wird. Wenn Sie das UILabel nicht in einem anderen UIView enthalten haben, können Sie versuchen, UILabel in Unterklassen zu unterteilen und eine ähnliche Implementierung bereitzustellen, indem Sie zuerst die Höhenbeschränkung
festlegen und dann [super instrinsicContentSize] zurückgeben. anstelle von [self.containerview intrinsiceContentSize]; wie ich es unten tue, was spezifisch für meine UIView-Unterschicht ist.

- (CGSize)intrinsicContentSize
{
    CGRect expectedTextBounds = [self.titleLabel textRectForBounds:self.titleLabel.bounds limitedToNumberOfLines:1];
    self.titleLabelHeightConstraint.constant = expectedTextBounds.size.height;
    return [self.containerView intrinsicContentSize];

}

Funktioniert jetzt perfekt unter iOS 7 und iOS 8.

Eine Lösung, die für mich funktioniert hat; Wenn Ihr UILabel eine feste Breite hat, ändern Sie die Einschränkung in Ihrer Schnittstellendatei von constant =bisconstant <=

In meinem Fall würde bei Verwendung der Beschriftungen in einer UITableViewCell die Größe der Beschriftung bei geändert, aber die Höhe würde die Höhe der Tabellenzellen überschreiten. Das hat bei mir funktioniert. Ich habe es laut Max MacLeod getan und dann sichergestellt, dass die Zellenhöhe auf UITableViewAutomaticDimension eingestellt ist.

Sie können dies in Ihrem init oder awakeFromNib hinzufügen.

self.tableView.rowHeight = UITableViewAutomaticDimension.  

Wählen Sie im Storyboard die Zelle aus, öffnen Sie den Größeninspektor und stellen Sie sicher, dass die Zeilenhöhe auf "Standard" eingestellt ist, indem Sie das Kontrollkästchen "Benutzerdefiniert" aktivieren.

Es gibt ein Problem in 8.0, bei dem es auch erforderlich ist, dass es im Code festgelegt wird.