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

Erstellen Sie eine neue Klasse

LabelTopAlign

.h-Datei

#import <UIKit/UIKit.h>

@interface KwLabelTopAlign : UILabel {

}

@end

.m-Datei

#import "KwLabelTopAlign.h"

@implementation KwLabelTopAlign

- (void)drawTextInRect:(CGRect)rect {
    int lineHeight = [@"IglL" sizeWithFont:self.font constrainedToSize:CGSizeMake(rect.size.width, 9999.0f)].height;
    if(rect.size.height >= lineHeight) {
        int textHeight = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(rect.size.width, rect.size.height)].height;
        int yMax = textHeight;
        if (self.numberOfLines > 0) {
            yMax = MIN(lineHeight*self.numberOfLines, yMax);    
        }

        [super drawTextInRect:CGRectMake(rect.origin.x, rect.origin.y, rect.size.width, yMax)];
    }
}

@end

bearbeiten

Hier ist eine einfachere Implementierung, die das Gleiche tut:

#import "KwLabelTopAlign.h"

@implementation KwLabelTopAlign

- (void)drawTextInRect:(CGRect)rect
{
    CGFloat height = [self.text sizeWithFont:self.font
                            constrainedToSize:rect.size
                                lineBreakMode:self.lineBreakMode].height;
    if (self.numberOfLines != 0) {
        height = MIN(height, self.font.lineHeight * self.numberOfLines);
    }
    rect.size.height = MIN(rect.size.height, height);
    [super drawTextInRect:rect];
}

@end

Answer 2

Im Interface Builder

• Satz UILabel auf die Größe des größtmöglichen Textes
• Satz Lines auf '0' im Attribut-Inspektor

In Ihrem Code

• Legen Sie den Text des Etiketts fest
• Rufen Sie an. sizeToFit auf Ihrem Etikett

Code-Schnipsel:

self.myLabel.text = @"Short Title";
[self.myLabel sizeToFit];

Answer 3

Verwenden Sie textRect(forBounds:limitedToNumberOfLines:) .

class TopAlignedLabel: UILabel {
  override func drawText(in rect: CGRect) {
    let textRect = super.textRect(forBounds: bounds, limitedToNumberOfLines: numberOfLines)
    super.drawText(in: textRect)
  }
}

Answer 4

Für Adaptive UI (iOS8 oder später) muss die vertikale Ausrichtung von UILabel vom StoryBoard aus eingestellt werden, indem die Eigenschaften geändert werden noOfLines =0" und

Zwänge

1. Anpassen der UILabel-Beschränkungen LefMargin, RightMargin und Top Margin.

2. Ändern Sie Content Compression Resistance Priority For Vertical =1000`, so dass Vertikal>Horizontal .

Bearbeitet:

noOfLines=0

und die folgenden Einschränkungen reichen aus, um die gewünschten Ergebnisse zu erzielen.

Answer 5

In meiner Anwendung habe ich die Linieneigenschaft des UILabels auf 0 gesetzt sowie eine untere Einschränkung des UILabels erstellt und sichergestellt, dass sie auf >= 0 gesetzt wird, wie in der Abbildung unten gezeigt.