Text innerhalb eines UILabels vertikal nach oben ausrichten

Question

Ich habe eine UILabel mit Platz für zwei Textzeilen. Manchmal, wenn der Text zu kurz ist, wird dieser Text in der vertikalen Mitte des Etiketts angezeigt.

Wie kann ich den Text vertikal so ausrichten, dass er sich immer am oberen Rand der UILabel ?

Answer 1

Am einfachsten geht es mit Storyboard:

Etikett einbetten in eine StackView und setzen Sie die folgenden zwei Attribute von StackView im Attributinspektor:

1- Axis a Horizontal ,

2- Alignment a Top

Answer 2

Wie die Antwort oben, aber es war nicht ganz richtig, oder einfach zu klatschen in Code, so dass ich es ein bisschen bereinigt. Fügen Sie diese Erweiterung entweder in eine eigene .h- und .m-Datei ein oder fügen Sie sie einfach direkt über der Implementierung ein, die Sie verwenden möchten:

#pragma mark VerticalAlign
@interface UILabel (VerticalAlign)
- (void)alignTop;
- (void)alignBottom;
@end

@implementation UILabel (VerticalAlign)
- (void)alignTop
{
    CGSize fontSize = [self.text sizeWithFont:self.font];

    double finalHeight = fontSize.height * self.numberOfLines;
    double finalWidth = self.frame.size.width;    //expected width of label

    CGSize theStringSize = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(finalWidth, finalHeight) lineBreakMode:self.lineBreakMode];

    int newLinesToPad = (finalHeight  - theStringSize.height) / fontSize.height;

    for(int i=0; i<= newLinesToPad; i++)
    {
        self.text = [self.text stringByAppendingString:@" \n"];
    }
}

- (void)alignBottom
{
    CGSize fontSize = [self.text sizeWithFont:self.font];

    double finalHeight = fontSize.height * self.numberOfLines;
    double finalWidth = self.frame.size.width;    //expected width of label

    CGSize theStringSize = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(finalWidth, finalHeight) lineBreakMode:self.lineBreakMode];

    int newLinesToPad = (finalHeight  - theStringSize.height) / fontSize.height;

    for(int i=0; i< newLinesToPad; i++)
    {
        self.text = [NSString stringWithFormat:@" \n%@",self.text];
    }
}
@end

Um sie zu verwenden, fügen Sie Ihren Text in das Etikett ein und rufen dann die entsprechende Methode auf, um ihn auszurichten:

[myLabel alignTop];

o

[myLabel alignBottom];

Answer 3

Eine noch schnellere (und schmutzigere) Möglichkeit, dies zu erreichen, besteht darin, den Zeilenumbruchmodus des UILabels auf "Clip" zu setzen und eine feste Anzahl von Zeilenumbrüchen hinzuzufügen.

myLabel.lineBreakMode = UILineBreakModeClip;
myLabel.text = [displayString stringByAppendingString:"\n\n\n\n"];

Diese Lösung wird nicht für jeden funktionieren -- insbesondere, wenn Sie immer noch "..." am Ende Ihrer Zeichenkette anzeigen wollen, wenn sie die Anzahl der angezeigten Zeilen überschreitet, müssen Sie eines der längeren Code-Bits verwenden -- aber für viele Fälle wird dies Ihnen geben, was Sie brauchen.

Answer 4

Anstelle von UILabel können Sie UITextField mit der Option der vertikalen Ausrichtung:

textField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
textField.userInteractionEnabled = NO; // Don't allow interaction

Answer 5

Ich habe lange mit diesem Problem gekämpft und wollte meine Lösung mitteilen.

Damit erhalten Sie eine UILabel die den Text automatisch auf 0,5 Skalen verkleinert und ihn vertikal zentriert. Diese Optionen sind auch in Storyboard/IB verfügbar.

[labelObject setMinimumScaleFactor:0.5];
[labelObject setBaselineAdjustment:UIBaselineAdjustmentAlignCenters];