Richten Sie zwei UILabel Texte

Question

Ich möchte den Anfang des Textes von zwei UILabel s ausrichten. Ich habe die beiden UILabel s (mit dem gelben und grauen Hintergrund) ausgerichtet und sizeToFit: verwendet, um die UILabel s auf den Inhalt zu verkleinern, aber der Text ist nicht perfekt linksbündig. Links ist eine Lücke. Die Lücke ist abhängig vom ersten Zeichen größer oder kleiner. Ich möchte die roten Linien im folgenden Bild ausrichten. Es gibt sogar eine kleine Lücke mit der kleinen Schrift im grauen UILabel, aber es ist kaum sichtbar.

Mit dem Z Charakter der Lücke ist kleiner, aber immer noch sichtbar durch den gelben Bereich links nach Z

Eine einfache UILabel Ausrichtung nicht für mein spezielles Problem nicht helfen, denn Der Textinhalt ist dynamisch und nicht statisch. Also könnte es eine Kombination geben, abhängig von den Daten, die ich vom Backend bekomme. Deshalb habe ich auf ein oder UILabel Attribut gehofft, das die Größe der Lücke basierend auf dem aktuellen Rendering des Textes zurückgeben könnte.

Ich weiß, dass es große UIFont bezogene Attribute wie baseline, capHeight und ascender kann man zugreifen, um Text auszurichten, aber es scheint kein Attribut zu sein, die den Wert dieser Lücke auf der linken Seite zurückkehren würden.

Answer 1

Wählen Sie beide Beschriftungen aus und fügen Sie eine Integritätsbedingung hinzu, die align leading edges heißt.

Answer 2

Nutzung zugeschrieben Text von UILabel

Satz Einbuchtung wie pro Ihre Anforderung ref screen shot

Answer 3

Wenn dies braucht nicht zwei UILabels zu sein, können Sie eine mit zugeschrieben haben könnte Text. Dann würden beide Linien dem gleichen Layout unterliegen.

Answer 4

Ich habe nicht die GUI versucht, von der Leute Screen Shots veröffentlicht haben, aber ... das Verhalten stimmt mit der Natur der Typografie überein.

Die Schriftgrößen sind völlig unterschiedlich, daher ist die Breite eines Em unterschiedlich, folglich ist der Buchstabenabstand auch anders.

Siehe auch: http://www.w3.org/WAI/GL/css2em.htm für weitere Informationen.

Ich weiß, diese Antwort gibt Ihnen nicht, was Sie gefragt haben, aber es sollte erklären, warum das passiert.

Für die Anpassung wie diese (wenn HTML und CSS) würde ich eine negative/positive Marge auf den Untertext verwenden, aber da Sie Hintergründe verwenden Padding (oder das Äquivalent in Ihrer GUI).