Autolayout Hinzufügen von zusätzlicher Polsterung oben und unten von UILabel iPhone 6/6 +, wenn preferredMaxLayoutWidth

Question

Ich habe ein Beispielprojekt erstellt, um dies zu reproduzieren.

Ich habe eine XIB-Datei mit einem UILabel mit einer festen oberen, führenden und nachfolgenden Einschränkung. Ich habe eine MinHeight-Einschränkung hinzugefügt und die Anzahl der Zeilen auf 0 gesetzt.

Ich legte die preferredMaxLayoutWidth auf Automatisch (in der XIB-Datei überprüft).

In viewDidLoad, ich habe dies:

self.myLabel.layer.borderColor = [[UIColor redColor] CGColor]; 
self.myLabel.layer.borderWidth = 2.0f; 

self.myLabel.text = @"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."; 

Und wenn ich den Simulator auf iPhone 6 oder 6+ laufen, bekomme ich diese:

Ich habe keine Ahnung, woher diese obere und untere Polsterung kommt und ist proportional zu th Die Anzahl der Zeichen in UILabel wird angezeigt.

Gibt es eine magische Einstellung, die ich vergessen habe? Es läuft gut auf iPhone 4 "Geräte.

Wenn ich jetzt nicht die preferredMaxLayoutWidth, hat es nicht die zusätzliche Polsterung, aber das bricht meine Multi-Zeilen in der UILabel. Es schneidet den Text. Ich tat verwendet Größe-Klasse nicht

Edit:..

Also änderte ich einige Dinge in meinem Beispielprojekt die Situation auf meinem realen Projekt passen ich habe eine Tableview (mit oben hinzugefügt, den führenden, Boden und trailing constraints auf die übergeordnete Ansicht gesetzt. Jede Zelle in der tableView hat 4 Label. Das obere Label hat eine obere, führende und nachstehende Einschränkung für die contentView der Zelle und die nachfolgenden Labels haben eine Vertic al Einschränkung auf das Etikett darüber. Für jedes Label gibt es einen heightGreaterThan-Constraint-Satz und einen widthGreaterThan-Satz.

So sieht es ohne den preferredMaxLayoutWidth-Satz aus (Beachten Sie, wie Beschriftungen auf 1 Zeile begrenzt sind).

Mit preferredMaxLayoutWidth. Jetzt zeigt das UILabel den gesamten Inhalt, hat aber oben und unten eine Auffüllung.

Edit2: Beispielprojekt: https://www.dropbox.com/s/sdahx9njnsxiv98/MultiLineUILabel.zip?dl=1

Answer 1

Also, was ich tun gelandet war, eine Unterklasse für das Label zu erstellen und setBounds außer Kraft setzen: und die preferredMaxLayoutWidth seiner Grenzen gesetzt.

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

    if (self.preferredMaxLayoutWidth != bounds.size.width) { 
     self.preferredMaxLayoutWidth = bounds.size.width; 
     [self setNeedsUpdateConstraints]; 
}} 

Auch in der UITableViewCell Unterklasse überschreiben ich die layoutSubiews

- (void)layoutSubviews { 
    [super layoutSubviews]; 

    [self.contentView layoutIfNeeded]; 

    // labelsCollection is an IBOutletCollection of my UILabel sublasses 
    for (UILabel *label in self.labelsCollection) { 
     label.preferredMaxLayoutWidth = label.bounds.size.width; 
}} 

Dies funktioniert die ganze Zeit. Ich denke, der Grund für dieses seltsame Verhalten ist, dass das UILabel anfänglich auf 280px (320px - Auffüllen auf jeder Seite) in der Xib-Datei eingestellt ist, aber während der Laufzeit ändert es seine Breite, um größere Bildschirme aufzunehmen (seit ich das führende und das nachfolgende gesetzt habe) constraints erhöht die Breite, wodurch die 'preferredMaxLayoutWidth' in einen größeren Wert geändert wird. Aus irgendeinem Grund aktualisiert UILabel seine preferredMaxLayoutWidth nicht auf den größeren Wert und verursacht den Leerraum oben und unten.

Das ist meine Hypothese.

Hoffe, das hilft.

Answer 2

UILabel Zentren Text vertikal. Ich nehme an, dass Sie sehen, dass Ihre Einschränkungen dazu führen, dass sich die Ansicht des Labels auf dem größeren Gerät ausdehnt, und der Text zentriert sich wie erwartet vertikal auf der großen Ansicht.

Sie könnten stattdessen versuchen, ein nicht editierbares UITextView mit UIViewContentModeTop zu verwenden.

Answer 3

Gibt es Einschränkungen auf der Unterseite des Etiketts? Ich glaube, es ist erlaubt, sich wegen der inhaltlichen Umarmung zu strecken. Setze es auf 1000 (erforderlich). Das wird verhindern, dass es sich über seine Textgröße hinaus ausdehnt. Sie müssen dann am unteren Ende des Etiketts die richtigen Einschränkungen hinzufügen.

Answer 4

Da ich PreferredMaxLayoutWidth für iOS 7-Kompatibilität festlegen musste, rief ich schließlich boundingRectWithSize auf, um die erforderliche Label-Höhe zu berechnen und die Konstante einer exponierten Höhenbeschränkung für UILabel festzulegen.

CGRect labelRect = CGRectIntegral([myText boundingRectWithSize:size 
    options:options attributes:attributes context:context]); 
self.myLabelHeightConstraint.constant = labelRect.size.height; 

Answer 5

So habe ich dies auf swift implementiert, In der Klasse, die das UILabel erweitert, überschreibe ich die Grenzen var mit einem Getter und Setter, der die Grenzen des Super legt und zurückgibt, auf diese Weise können Sie etwas Code hinzufügen um das zu bekommen und einzustellen.

Ich muss sagen, ich bin nicht überzeugt, dass es die ganze Magie gerade macht, ich habe immer noch große offene Räume.

override var bounds:CGRect { 
     get { 
      return super.bounds 
     } 
     set { 
      super.bounds = newValue 
      if (self.preferredMaxLayoutWidth != super.bounds.size.width) { 
       self.preferredMaxLayoutWidth = super.bounds.size.width; 
       self.setNeedsUpdateConstraints() 
      } 
     } 
    } 

Answer 6

Vor allem Jungs, Entschuldigung für mein Englisch. Ich bin Anfänger auf Englisch, aber ich werde versuchen zu beschreiben, wie ich dieses Problem behoben habe.

Ich habe in einigen meiner Projekte mit diesem Problem konfrontiert. Also meine Lösung, dies zu beheben ist:

1. In einer Zelle habe ich die folgende Konfigurationsmethode: - (void) configureWithSomeObject: parentViewSize: und in Tableview: cellForRowAtIndexPath: Ich Zelle wie folgt erstellt:

   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
   YourCell *cell; 
   
   //cell initialization 
   
   [cell configureWithSomeObject:nil parentViewSize:tableView.frame.size]; 
   
   return cell; 
   } 
   

2. Innenkonfigurationsmethoden gerade eingestellt preferredMaxLayoutWidth gemäß Mutterbreite:

   - (void)configureWithSomeObject:(NSObject)someObject parentViewSize:(CGSize)parentViewSize { 
   // do your stuff 
   
   self.someLabel.preferredMaxLayoutWidth = parentViewSize.width; 
   } 
   

P.S. Falls Sie führende/nachgestellte Leerzeichen haben, sollten Sie sie vom Wert parentViewSize.width subtrahieren.

Hoffen, dass es für jeden nützlich sein wird :)

Answer 7

ich ein ähnliches Problem habe, und nur Subklassen die UILabel und überwiegende setBounds nicht für mich arbeiten. Als ich durch setBounds ging, bemerkte ich, dass die Höhe des Etiketts 39,999999993 war.Also habe ich die folgende Änderung, auf 40 abzurunden:

- (void)setBounds:(CGRect)bounds 
{ 
    bounds.size.height = ceilf(CGRectGetHeight(bounds)); 

    [super setBounds: bounds]; 

    if (self.preferredMaxLayoutWidth != bounds.size.width) 
    { 
     self.preferredMaxLayoutWidth = bounds.size.width; 
     [self setNeedsUpdateConstraints]; 
    } 
} 

Dieses es für mich festgelegt, nicht mehr extra Polsterung oben und unten meine UILabel auf große Geräte. Ich musste auch nicht die inhaltliche Priorität festlegen.

Answer 8

Wenn jemand diese Frage untersucht, die bereits maxPreferredLayoutWidth verwendet (obwohl Sie keine Unterklasse erstellen müssen, setzen Sie dies einfach in viewDidLayoutSubviews Ihrer VC), überprüfen Sie, ob Sie ihn auf die Breite der richtigen Ansicht einstellen.

Minen funktionierte nicht, weil ich hatte:

label1.maxPreferredLayoutWidth = label1.frame.width 
label2.maxPreferredLayoutWidth = label1.frame.width 

Wenn es hätte sein sollen:

label1.maxPreferredLayoutWidth = label1.frame.width 
label2.maxPreferredLayoutWidth = label2.frame.width 

Haben Sie den Unterschied? Ich habe nicht für 3 Stunden lol

Answer 9

diese Klasse es fest mit mir

import UIKit 

class CustomLabel: UILabel { 

    override func drawText(in rect: CGRect) { 
     if let stringText = text { 
      let stringTextAsNSString = stringText as NSString 
      let labelStringSize = stringTextAsNSString.boundingRect(with: CGSize(width: self.frame.width, height: CGFloat.greatestFiniteMagnitude), options: NSStringDrawingOptions.usesLineFragmentOrigin, attributes: [NSFontAttributeName: font], context: nil).size 
      super.drawText(in: CGRect(x: 0, y: 0, width: self.frame.width, height: ceil(labelStringSize.height))) 
     } else { 
      super.drawText(in: rect) 
     } 
    } 

}