我有UILabel两行文本的空间。有时，当文本太短时，该文本会显示在标签的垂直中心。
如何垂直对齐文本以始终位于顶部UILabel？
问问题
724701 次
51 回答
2750
无法在 a 上设置垂直对齐UILabel，但您可以通过更改标签的框架来获得相同的效果。我已将标签设为橙色，以便您清楚地看到正在发生的事情。
这是执行此操作的快速简便的方法：
[myLabel sizeToFit];
如果您有一个带有较长文本的标签，该标签将超过一行，请设置numberOfLines为0（此处为零表示行数不受限制）。
myLabel.numberOfLines = 0;
[myLabel sizeToFit];
更长的版本
我将在代码中制作我的标签，以便您可以看到发生了什么。您也可以在 Interface Builder 中设置大部分内容。我的设置是一个基于视图的应用程序，带有我在 Photoshop 中制作的背景图像以显示边距（20 点）。标签是迷人的橙色，因此您可以看到尺寸的变化。
- (void)viewDidLoad
{
[super viewDidLoad];
// 20 point top and left margin. Sized to leave 20 pt at right.
CGRect labelFrame = CGRectMake(20, 20, 280, 150);
UILabel *myLabel = [[UILabel alloc] initWithFrame:labelFrame];
[myLabel setBackgroundColor:[UIColor orangeColor]];
NSString *labelText = @"I am the very model of a modern Major-General, I've information vegetable, animal, and mineral";
[myLabel setText:labelText];
// Tell the label to use an unlimited number of lines
[myLabel setNumberOfLines:0];
[myLabel sizeToFit];
[self.view addSubview:myLabel];
}
一些使用限制对sizeToFit居中或右对齐的文本起作用。这是发生的事情：
// myLabel.textAlignment = NSTextAlignmentRight;
myLabel.textAlignment = NSTextAlignmentCenter;
[myLabel setNumberOfLines:0];
[myLabel sizeToFit];
标签的大小仍为固定的左上角。您可以将原始标签的宽度保存在变量中并在 之后设置sizeToFit，或者给它一个固定的宽度来解决这些问题：
myLabel.textAlignment = NSTextAlignmentCenter;
[myLabel setNumberOfLines:0];
[myLabel sizeToFit];
CGRect myFrame = myLabel.frame;
// Resize the frame's width to 280 (320 - margins)
// width could also be myOriginalLabelFrame.size.width
myFrame = CGRectMake(myFrame.origin.x, myFrame.origin.y, 280, myFrame.size.height);
myLabel.frame = myFrame;
请注意，这sizeToFit将尊重您的初始标签的最小宽度。如果你从一个 100 宽的标签开始并调用sizeToFit它，它会给你一个 100（或稍小）宽度的（可能非常高）标签。您可能希望在调整大小之前将标签设置为所需的最小宽度。
其他一些需要注意的事项：
是否lineBreakMode尊重取决于它的设置方式。NSLineBreakByTruncatingTail（默认）在 之后被忽略sizeToFit，其他两种截断模式（头部和中间）也是如此。NSLineBreakByClipping也被忽略。NSLineBreakByCharWrapping照常工作。框架宽度仍然变窄以适合最右边的字母。
Mark Amery在评论中使用 Auto Layout 对 NIB 和 Storyboard 进行了修复：
view如果您的标签作为使用自动布局的 ViewController的子视图包含在 nib 或情节提要中，那么将您的sizeToFit调用放入viewDidLoad将不起作用，因为在viewDidLoad调用后自动布局大小和子视图的位置将立即撤消您的效果sizeToFit称呼。sizeToFit但是，从内部调用viewDidLayoutSubviews将起作用。
我的原始答案（供后代/参考）：
这使用该NSString方法sizeWithFont:constrainedToSize:lineBreakMode:来计算适合字符串所需的框架高度，然后设置原点和宽度。
使用要插入的文本调整标签框架的大小。这样您就可以容纳任意数量的行。
CGSize maximumSize = CGSizeMake(300, 9999);
NSString *dateString = @"The date today is January 1st, 1999";
UIFont *dateFont = [UIFont fontWithName:@"Helvetica" size:14];
CGSize dateStringSize = [dateString sizeWithFont:dateFont
constrainedToSize:maximumSize
lineBreakMode:self.dateLabel.lineBreakMode];
CGRect dateFrame = CGRectMake(10, 10, 300, dateStringSize.height);
self.dateLabel.frame = dateFrame;
于 2009-06-28T10:36:13.627 回答
339
设置新文本：
myLabel.text = @"Some Text"将
maximum number行数设置为 0（自动）：myLabel.numberOfLines = 0将标签的框架设置为最大尺寸：
myLabel.frame = CGRectMake(20,20,200,800)调用
sizeToFit以减小帧大小，以便内容适合：[myLabel sizeToFit]
标签框现在的高度和宽度足以容纳您的文本。左上角应该保持不变。我只用左上对齐的文本对此进行了测试。对于其他对齐方式，您可能必须在之后修改框架。
另外，我的标签启用了自动换行。
于 2010-08-27T16:24:34.260 回答
162
参考扩展解决方案：
for(int i=1; i< newLinesToPad; i++)
self.text = [self.text stringByAppendingString:@"\n"];
应该替换为
for(int i=0; i<newLinesToPad; i++)
self.text = [self.text stringByAppendingString:@"\n "];
每个添加的换行符都需要额外的空间，因为 iPhoneUILabels的尾随回车似乎被忽略了:(
同样， alignBottom 也应该用 a 来更新@" \n@%"（"\n@%"因为循环初始化也必须用 "for(int i=0..." 代替）。
以下扩展对我有用：
// -- file: UILabel+VerticalAlign.h
#pragma mark VerticalAlign
@interface UILabel (VerticalAlign)
- (void)alignTop;
- (void)alignBottom;
@end
// -- file: UILabel+VerticalAlign.m
@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
然后在每个 yourLabel 文本分配之后调用[yourLabel alignTop];或。[yourLabel alignBottom];
于 2010-09-09T13:01:44.130 回答
160
以防万一它对任何人有任何帮助，我有同样的问题，但能够通过简单地从 using 切换到 using 来解决UILabel问题UITextView。我很欣赏这并不适合所有人，因为功能有点不同。
如果你切换到 using UITextView，你可以关闭所有的 Scroll View 属性以及 User Interaction Enabled... 这将迫使它更像一个标签。
于 2011-10-05T12:46:48.703 回答
138
没有混乱，没有大惊小怪
@interface MFTopAlignedLabel : UILabel
@end
@implementation MFTopAlignedLabel
- (void)drawTextInRect:(CGRect) rect
{
NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:self.text attributes:@{NSFontAttributeName:self.font}];
rect.size.height = [attributedText boundingRectWithSize:rect.size
options:NSStringDrawingUsesLineFragmentOrigin
context:nil].size.height;
if (self.numberOfLines != 0) {
rect.size.height = MIN(rect.size.height, self.numberOfLines * self.font.lineHeight);
}
[super drawTextInRect:rect];
}
@end
没有混乱，没有 Objective-c，没有大惊小怪，只有 Swift 3：
class VerticalTopAlignLabel: UILabel {
override func drawText(in rect:CGRect) {
guard let labelText = text else { return super.drawText(in: rect) }
let attributedText = NSAttributedString(string: labelText, attributes: [NSFontAttributeName: font])
var newRect = rect
newRect.size.height = attributedText.boundingRect(with: rect.size, options: .usesLineFragmentOrigin, context: nil).size.height
if numberOfLines != 0 {
newRect.size.height = min(newRect.size.height, CGFloat(numberOfLines) * font.lineHeight)
}
super.drawText(in: newRect)
}
}
斯威夫特 4.2
class VerticalTopAlignLabel: UILabel {
override func drawText(in rect:CGRect) {
guard let labelText = text else { return super.drawText(in: rect) }
let attributedText = NSAttributedString(string: labelText, attributes: [NSAttributedString.Key.font: font])
var newRect = rect
newRect.size.height = attributedText.boundingRect(with: rect.size, options: .usesLineFragmentOrigin, context: nil).size.height
if numberOfLines != 0 {
newRect.size.height = min(newRect.size.height, CGFloat(numberOfLines) * font.lineHeight)
}
super.drawText(in: newRect)
}
}
于 2012-05-21T07:47:43.957 回答
87
使用 Storyboard 的最简单方法：
将 Label 嵌入到StackView中，并在 Attribute Inspector 中设置 StackView 的以下两个属性：
1-Axis到Horizontal,
2-Alignment到Top
于 2017-03-28T11:27:31.157 回答
82
就像上面的答案一样，但它不太正确，或者很容易打入代码，所以我对其进行了一些清理。将此扩展名添加到它自己的 .h 和 .m 文件中，或者直接粘贴到您打算使用它的实现上方：
#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
然后使用，将你的文本放入标签中，然后调用适当的方法来对齐它：
[myLabel alignTop];
或者
[myLabel alignBottom];
于 2010-03-04T02:44:37.183 回答
71
一种更快（也更脏）的方法是将 UILabel 的换行模式设置为“Clip”并添加固定数量的换行符。
myLabel.lineBreakMode = UILineBreakModeClip;
myLabel.text = [displayString stringByAppendingString:"\n\n\n\n"];
此解决方案不适用于所有人 - 特别是，如果您仍想在字符串末尾显示“...”，如果它超过了您显示的行数，则需要使用其中之一更长的代码位——但在很多情况下，这会让你得到你需要的东西。
于 2010-04-18T21:08:23.447 回答
63
而不是UILabel你可以使用UITextFieldwhich has vertical alignment 选项：
textField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
textField.userInteractionEnabled = NO; // Don't allow interaction
于 2012-02-10T10:36:41.527 回答
53
我已经为此苦苦挣扎了很长时间，我想分享我的解决方案。
这将为您提供一个UILabel将文本自动缩小到 0.5 比例并垂直居中文本。这些选项在 Storyboard/IB 中也可用。
[labelObject setMinimumScaleFactor:0.5];
[labelObject setBaselineAdjustment:UIBaselineAdjustmentAlignCenters];
于 2012-10-16T16:38:02.057 回答
46
创建一个新类
标签顶部对齐
.h 文件
#import <UIKit/UIKit.h>
@interface KwLabelTopAlign : UILabel {
}
@end
.m 文件
#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
编辑
这是一个更简单的实现，它做同样的事情：
#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
于 2011-08-04T08:07:29.257 回答
41
在界面生成器中
- 设置
UILabel为最大可能文本的大小 - 在属性检查器中设置
Lines为“0”
在您的代码中
- 设置标签的文本
- 打电话
sizeToFit给你的标签
代码片段：
self.myLabel.text = @"Short Title";
[self.myLabel sizeToFit];
于 2012-01-03T04:40:41.947 回答
37
对于 Adaptive UI(iOS8 或更高版本)，UILabel 的垂直对齐将通过更改属性
noOfLines=0` 和StoryBoard 来设置
约束
调整 UILabel LefMargin、RightMargin 和 Top Margin 约束。
更改
Content Compression Resistance Priority For Vertical=1000` 使 Vertical>Horizontal 。
编辑：
noOfLines=0
并且以下约束足以达到预期的结果。
于 2015-08-08T05:29:51.610 回答
35
创建 UILabel 的子类。奇迹般有效：
// TopLeftLabel.h
#import <Foundation/Foundation.h>
@interface TopLeftLabel : UILabel
{
}
@end
// TopLeftLabel.m
#import "TopLeftLabel.h"
@implementation TopLeftLabel
- (id)initWithFrame:(CGRect)frame
{
return [super initWithFrame:frame];
}
- (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines
{
CGRect textRect = [super textRectForBounds:bounds limitedToNumberOfLines:numberOfLines];
textRect.origin.y = bounds.origin.y;
return textRect;
}
-(void)drawTextInRect:(CGRect)requestedRect
{
CGRect actualRect = [self textRectForBounds:requestedRect limitedToNumberOfLines:self.numberOfLines];
[super drawTextInRect:actualRect];
}
@end
正如这里所讨论的。
于 2011-07-14T14:33:10.467 回答
34
我在我的应用程序中所做的是将 UILabel 的 line 属性设置为 0，并创建 UILabel 的底部约束并确保将其设置为 >= 0，如下图所示。
于 2018-05-19T13:36:19.103 回答
29
我写了一个 util 函数来实现这个目的。你可以看看：
// 调整多行标签的高度，使其与顶部垂直对齐
+ (void) alignLabelWithTop:(UILabel *)label {
CGSize maxSize = CGSizeMake(label.frame.size.width, 999);
label.adjustsFontSizeToFitWidth = NO;
// 获取实际高度
CGSize actualSize = [label.text sizeWithFont:label.font constrainedToSize:maxSize lineBreakMode:label.lineBreakMode];
CGRect rect = label.frame;
rect.size.height = 实际尺寸.height;
label.frame = 矩形；
}
。如何使用？（如果 lblHello 是由 Interface builder 创建的，所以我跳过了一些 UILabel 属性细节）
lblHello.text = @"Hello World！Hello World！Hello World！Hello World！Hello World！Hello World！Hello World！Hello World！"; lblHello.numberOfLines = 5; [使用 alignLabelWithTop:lblHello];
我也在我的博客上写了一篇文章： http: //fstoke.me/blog/?p=2819
于 2011-05-23T08:16:32.333 回答
27
看了一会代码，以及介绍页面中的代码，发现都尝试修改label的frame size，这样就不会出现默认居中垂直对齐了。
然而，在某些情况下，我们确实希望标签占据所有这些空间，即使标签确实有这么多文本（例如，具有相同高度的多行）。
在这里，我使用了另一种方法来解决它，只需将换行符填充到标签的末尾（请注意，我实际上继承了UILabel，但这不是必需的）：
CGSize fontSize = [self.text sizeWithFont:self.font];
finalHeight = fontSize.height * self.numberOfLines;
finalWidth = 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 "];
}
于 2010-01-30T06:32:33.127 回答
27
使用textRect(forBounds:limitedToNumberOfLines:).
class TopAlignedLabel: UILabel {
override func drawText(in rect: CGRect) {
let textRect = super.textRect(forBounds: bounds, limitedToNumberOfLines: numberOfLines)
super.drawText(in: textRect)
}
}
于 2016-12-28T18:45:20.940 回答
20
我在这里接受了建议并创建了一个视图，它可以包装 UILabel 并将其调整大小并设置行数以使其顶部对齐。简单地把一个 UILabel 作为一个子视图：
@interface TopAlignedLabelContainer : UIView
{
}
@end
@implementation TopAlignedLabelContainer
- (void)layoutSubviews
{
CGRect bounds = self.bounds;
for (UILabel *label in [self subviews])
{
if ([label isKindOfClass:[UILabel class]])
{
CGSize fontSize = [label.text sizeWithFont:label.font];
CGSize textSize = [label.text sizeWithFont:label.font
constrainedToSize:bounds.size
lineBreakMode:label.lineBreakMode];
label.numberOfLines = textSize.height / fontSize.height;
label.frame = CGRectMake(0, 0, textSize.width,
fontSize.height * label.numberOfLines);
}
}
}
@end
于 2010-12-14T01:27:52.477 回答
20
您可以使用TTTAttributedLabel，它支持垂直对齐。
@property (nonatomic) TTTAttributedLabel* label;
<...>
//view's or viewController's init method
_label.verticalAlignment = TTTAttributedLabelVerticalAlignmentTop;
于 2014-08-28T08:50:55.340 回答
16
我已经使用了很多上面的方法，只是想添加一个我用过的快速和肮脏的方法：
myLabel.text = [NSString stringWithFormat:@"%@\n\n\n\n\n\n\n\n\n",@"My label text string"];
确保字符串中的换行符数量会导致任何文本填充可用的垂直空间，并设置 UILabel 以截断任何溢出的文本。
因为有时候足够好就是足够好。
于 2012-09-18T15:59:57.627 回答
16
我发现这个问题的答案现在有点过时了，所以为那里的自动布局粉丝添加这个。
自动布局使这个问题变得非常简单。假设我们将标签添加到UIView *view，以下代码将完成此操作：
UILabel *label = [[UILabel alloc] initWithFrame:CGRectZero];
[label setText:@"Some text here"];
[label setTranslatesAutoresizingMaskIntoConstraints:NO];
[view addSubview:label];
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[label]|" options:0 metrics:nil views:@{@"label": label}]];
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[label]" options:0 metrics:nil views:@{@"label": label}]];
标签的高度将自动计算（使用它的intrinsicContentSize），并且标签将在view.
于 2014-04-29T01:21:15.253 回答
14
我想要一个标签，它能够有多行、最小字体大小，并且在它的父视图中水平和垂直居中。我以编程方式将标签添加到视图中：
- (void) customInit {
// Setup label
self.label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
self.label.numberOfLines = 0;
self.label.lineBreakMode = UILineBreakModeWordWrap;
self.label.textAlignment = UITextAlignmentCenter;
// Add the label as a subview
self.autoresizesSubviews = YES;
[self addSubview:self.label];
}
然后当我想更改标签的文本时......
- (void) updateDisplay:(NSString *)text {
if (![text isEqualToString:self.label.text]) {
// Calculate the font size to use (save to label's font)
CGSize textConstrainedSize = CGSizeMake(self.frame.size.width, INT_MAX);
self.label.font = [UIFont systemFontOfSize:TICKER_FONT_SIZE];
CGSize textSize = [text sizeWithFont:self.label.font constrainedToSize:textConstrainedSize];
while (textSize.height > self.frame.size.height && self.label.font.pointSize > TICKER_MINIMUM_FONT_SIZE) {
self.label.font = [UIFont systemFontOfSize:self.label.font.pointSize-1];
textSize = [ticker.blurb sizeWithFont:self.label.font constrainedToSize:textConstrainedSize];
}
// In cases where the frame is still too large (when we're exceeding minimum font size),
// use the views size
if (textSize.height > self.frame.size.height) {
textSize = [text sizeWithFont:self.label.font constrainedToSize:self.frame.size];
}
// Draw
self.label.frame = CGRectMake(0, self.frame.size.height/2 - textSize.height/2, self.frame.size.width, textSize.height);
self.label.text = text;
}
[self setNeedsDisplay];
}
希望对某人有所帮助！
于 2010-09-14T01:14:58.400 回答
14
FXLabel（在 github 上）通过设置label.contentMode为UIViewContentModeTop. 这个组件不是我做的，但它是我经常使用的一个组件，有很多功能，而且看起来效果很好。
于 2013-09-27T15:35:55.560 回答
11
对于阅读此内容的任何人，因为标签内的文本不是垂直居中的，请记住，某些字体类型的设计并不相同。例如，如果您创建一个 zapfino 大小为 16 的标签，您将看到文本没有完全垂直居中。
但是，使用 helvetica 会使您的文本垂直居中。
于 2011-03-01T00:09:24.623 回答
10
子类 UILabel 并约束绘图矩形，如下所示：
- (void)drawTextInRect:(CGRect)rect
{
CGSize sizeThatFits = [self sizeThatFits:rect.size];
rect.size.height = MIN(rect.size.height, sizeThatFits.height);
[super drawTextInRect:rect];
}
我尝试了涉及换行填充的解决方案，但在某些情况下遇到了不正确的行为。根据我的经验，像上面那样约束绘图 rect 比弄乱numberOfLines.
PS 你可以想象用这种方式轻松支持 UIViewContentMode：
- (void)drawTextInRect:(CGRect)rect
{
CGSize sizeThatFits = [self sizeThatFits:rect.size];
if (self.contentMode == UIViewContentModeTop) {
rect.size.height = MIN(rect.size.height, sizeThatFits.height);
}
else if (self.contentMode == UIViewContentModeBottom) {
rect.origin.y = MAX(0, rect.size.height - sizeThatFits.height);
rect.size.height = MIN(rect.size.height, sizeThatFits.height);
}
[super drawTextInRect:rect];
}
于 2012-07-03T15:49:29.110 回答
10
如果您使用自动布局，请将垂直 contentHuggingPriority 设置为 1000，无论是在代码中还是在 IB 中。在 IB 中，您可能必须通过将其优先级设置为 1 然后删除它来删除高度约束。
于 2013-09-05T16:38:17.933 回答
8
只要你不做任何复杂的任务，你就可以UITextView用UILabels.
禁用滚动。
如果您希望文本完全显示只是用户sizeToFit和sizeThatFits:方法
于 2012-03-12T18:37:06.287 回答
8
迅速地，
let myLabel : UILabel!
使您的标签文本适合屏幕并且位于顶部
myLabel.sizeToFit()
使您的标签字体适合屏幕宽度或特定宽度大小。
myLabel.adjustsFontSizeToFitWidth = YES
和一些 textAlignment 标签：
myLabel.textAlignment = .center
myLabel.textAlignment = .left
myLabel.textAlignment = .right
myLabel.textAlignment = .Natural
myLabel.textAlignment = .Justified
于 2016-02-23T02:27:14.967 回答
7
这是一个旧的解决方案，在 iOS >= 6 上使用自动布局
我的解决方案：
- 自己分割线（忽略标签换行设置）
- 自己画线（忽略标签对齐）
@interface UITopAlignedLabel : UILabel
@end
@implementation UITopAlignedLabel
#pragma mark Instance methods
- (NSArray*)splitTextToLines:(NSUInteger)maxLines {
float width = self.frame.size.width;
NSArray* words = [self.text componentsSeparatedByCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
NSMutableArray* lines = [NSMutableArray array];
NSMutableString* buffer = [NSMutableString string];
NSMutableString* currentLine = [NSMutableString string];
for (NSString* word in words) {
if ([buffer length] > 0) {
[buffer appendString:@" "];
}
[buffer appendString:word];
if (maxLines > 0 && [lines count] == maxLines - 1) {
[currentLine setString:buffer];
continue;
}
float bufferWidth = [buffer sizeWithFont:self.font].width;
if (bufferWidth < width) {
[currentLine setString:buffer];
}
else {
[lines addObject:[NSString stringWithString:currentLine]];
[buffer setString:word];
[currentLine setString:buffer];
}
}
if ([currentLine length] > 0) {
[lines addObject:[NSString stringWithString:currentLine]];
}
return lines;
}
- (void)drawRect:(CGRect)rect {
if ([self.text length] == 0) {
return;
}
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, self.textColor.CGColor);
CGContextSetShadowWithColor(context, self.shadowOffset, 0.0f, self.shadowColor.CGColor);
NSArray* lines = [self splitTextToLines:self.numberOfLines];
NSUInteger numLines = [lines count];
CGSize size = self.frame.size;
CGPoint origin = CGPointMake(0.0f, 0.0f);
for (NSUInteger i = 0; i < numLines; i++) {
NSString* line = [lines objectAtIndex:i];
if (i == numLines - 1) {
[line drawAtPoint:origin forWidth:size.width withFont:self.font lineBreakMode:UILineBreakModeTailTruncation];
}
else {
[line drawAtPoint:origin forWidth:size.width withFont:self.font lineBreakMode:UILineBreakModeClip];
}
origin.y += self.font.lineHeight;
if (origin.y >= size.height) {
return;
}
}
}
@end
于 2011-09-28T11:46:03.557 回答
6
如果可以选择创建自己的自定义视图，则可以执行以下操作：
- (void)drawRect:(CGRect)rect
{
CGRect bounds = self.bounds;
[self.textColor set];
[self.text drawInRect:bounds
withFont:self.font
lineBreakMode:UILineBreakModeTailTruncation
alignment:self.textAlignment];
}
于 2011-08-16T21:43:10.207 回答
6
在 UILabel 垂直文本对齐是不可能的。sizeWithFont:但是，您可以使用of 方法动态更改标签的高度NSString，并根据需要设置其 x 和 y。
您可以使用UITextField. 它支持contentVerticalAlignment peoperty，因为它是UIControl. 您必须将其设置userInteractionEnabled为 NO 以防止用户在其上键入文本。
于 2012-05-16T06:47:31.130 回答
6
我知道这是一篇旧帖子，但垂直对齐文本是一个巨大的问题（至少对我来说是这样），我想我应该分享这个解决方案，因为我自己找不到。
在我看来，使用 drawRect 有点贵。让 UILabel 垂直对齐的正确方法是不使用 UILabel。使用 UITextView（多行 UITextField）并观察 content 属性，如下所示：
- (UITextView*)textView{
if(!_textView){
UIEdgeInsets insets = UIEdgeInsetsMake(0, 50, 0, 5);
CGRect frame = CGRectMake(0.0f, 0.0f, 100.0f, 100.0f);
_textView = [[UITextView alloc]initWithFrame:UIEdgeInsetsInsetRect(frame, insets)];
_textView.delegate = self;
_textView.scrollEnabled = YES;
_textView.bounces = YES;
_textView.backgroundColor = [UIColor whiteColor];
[_textView setUserInteractionEnabled:NO];
[_textView addObserver:self forKeyPath:@"contentSize" options:(NSKeyValueObservingOptionNew) context:NULL];
}
return _textView;
}
-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change: (NSDictionary *)change context:(void *)context {
UITextView *tv = object;
CGFloat height = [tv bounds].size.height;
CGFloat contentheight;
#ifdef __IPHONE_7_0
contentheight = [tv sizeThatFits:CGSizeMake(tv.frame.size.width, FLT_MAX)].height;
#else
contentheight = [tv contentSize].height;
#endif
switch(self.verticalAlignment) {
case VerticalAlignmentBottom:{
CGFloat topCorrect = ([tv bounds].size.height - contentheight);
topCorrect = (topCorrect <0.0 ? 0.0 : topCorrect);
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
}
break;
case VerticalAlignmentMiddle:{
CGFloat topCorrect = (height - contentheight * [tv zoomScale])/2.0;
topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );
tv.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
}
break;
case VerticalAlignmentTop:{
tv.contentOffset = (CGPoint){.x = 0, .y = 0 };
}
break;
default:
break;
}
}
基本上这里发生的事情是我们将我们所在的类设置为观察者，使用 NSKeyValueObservingOptionNew 选项查看 contentSize 属性，因此每次内容更改时，-(void)observeValueForKeyPath:ofObject:change:context:都会被调用，然后您可以计算偏移大小以适当地对齐文本.
我不能对此表示赞赏，最初的想法来自这里。但是，此解决方案不适用于 iOS7。在 SO 上拖了几个小时后，我发现了这个：iOS 7 vertical alignment fix。那里有关键线contentheight = [tv sizeThatFits:CGSizeMake(tv.frame.size.width, FLT_MAX)].height;。出于某种原因，在 iOS 7 中，获取 contentSize 高度不起作用，但可以修复它。这两种解决方案都不能单独工作，但经过一些修补后，我能够将上述解决方案综合在一起。
于 2013-12-13T03:25:42.017 回答
6
斯威夫特 2.0：
在一个空的 Swift 文件中创建常量枚举值。
// AppRef.swift
import UIKit
import Foundation
enum UILabelTextPositions : String {
case VERTICAL_ALIGNMENT_TOP = "VerticalAlignmentTop"
case VERTICAL_ALIGNMENT_MIDDLE = "VerticalAlignmentMiddle"
case VERTICAL_ALIGNMENT_BOTTOM = "VerticalAlignmentBottom"
}
使用 UILabel 扩展：
创建一个空的 Swift 类并为其命名。添加以下内容
// AppExtensions.swift
import Foundation
import UIKit
extension UILabel{
func makeLabelTextPosition (sampleLabel :UILabel?, positionIdentifier : String) -> UILabel
{
let rect = sampleLabel!.textRectForBounds(bounds, limitedToNumberOfLines: 0)
switch positionIdentifier
{
case "VerticalAlignmentTop":
sampleLabel!.frame = CGRectMake(bounds.origin.x+5, bounds.origin.y, rect.size.width, rect.size.height)
break;
case "VerticalAlignmentMiddle":
sampleLabel!.frame = CGRectMake(bounds.origin.x+5,bounds.origin.y + (bounds.size.height - rect.size.height) / 2,
rect.size.width, rect.size.height);
break;
case "VerticalAlignmentBottom":
sampleLabel!.frame = CGRectMake(bounds.origin.x+5, bounds.origin.y + (bounds.size.height - rect.size.height),rect.size.width, rect.size.height);
break;
default:
sampleLabel!.frame = bounds;
break;
}
return sampleLabel!
}
}
用法 ：
myMessageLabel.makeLabelTextPosition(messageLabel, positionIdentifier: UILabelTextPositions.VERTICAL_ALIGNMENT_TOP.rawValue)
于 2016-03-29T06:16:56.567 回答
6
对于斯威夫特 3...
@IBDesignable class TopAlignedLabel: 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)
}
}
override func prepareForInterfaceBuilder() {
super.prepareForInterfaceBuilder()
layer.borderWidth = 1
layer.borderColor = UIColor.black.cgColor
}
}
于 2016-10-25T09:37:21.777 回答
5
我重复了 dalewking 的建议并添加了 UIEdgeInset 以允许可调整的边距。很好的工作。
- (id)init
{
if (self = [super init]) {
contentEdgeInsets = UIEdgeInsetsZero;
}
return self;
}
- (void)layoutSubviews
{
CGRect localBounds = self.bounds;
localBounds = CGRectMake(MAX(0, localBounds.origin.x + contentEdgeInsets.left),
MAX(0, localBounds.origin.y + contentEdgeInsets.top),
MIN(localBounds.size.width, localBounds.size.width - (contentEdgeInsets.left + contentEdgeInsets.right)),
MIN(localBounds.size.height, localBounds.size.height - (contentEdgeInsets.top + contentEdgeInsets.bottom)));
for (UIView *subview in self.subviews) {
if ([subview isKindOfClass:[UILabel class]]) {
UILabel *label = (UILabel*)subview;
CGSize lineSize = [label.text sizeWithFont:label.font];
CGSize sizeForText = [label.text sizeWithFont:label.font constrainedToSize:localBounds.size lineBreakMode:label.lineBreakMode];
NSInteger numberOfLines = ceilf(sizeForText.height/lineSize.height);
label.numberOfLines = numberOfLines;
label.frame = CGRectMake(MAX(0, contentEdgeInsets.left), MAX(0, contentEdgeInsets.top), localBounds.size.width, MIN(localBounds.size.height, lineSize.height * numberOfLines));
}
}
}
于 2010-12-15T19:41:23.397 回答
5
我也在研究这个特定的问题，所以我采用了DS和nevan king的想法，基本上将它们组合成一个实现垂直对齐属性的子类，它还允许您不止一次地更改对齐方式。它借用了UIControlContentVerticalAlignment类型，也支持UIControlContentVerticalAlignmentFill.
从我所见，numberOfLines在垂直对齐方面似乎没用，所以在这个子类中，应用垂直对齐时它总是设置为 0。lineBreakMode此外，如果您需要多行文本标签，您仍然需要自行设置。
于 2012-04-10T09:14:34.660 回答
4
有两种方法可以解决这个问题。一种是
[mylabel setNumberOfLines:0];
[mylabel sizeToFit];
但是对于这种方法，第二种方法更可靠，即
CGSize sizeToFit = [label.text sizeWithFont:label.font constrainedToSize:maxSize lineBreakMode:label.lineBreakMode];
[mylabel setFrame:CGRectMake(mylabel.frame.origin.x, mylabel.frame.origin.y, sizeToFit.width, sizeToFit.height)];
输入“\n”不是一件好事，但是如果您知道要显示的数据的约束和大小，可能效果很好，但如果文本长于标签大小，则无法扩展。第二种方式最终根据要显示的文本的大小设置框架。
于 2012-10-02T06:36:37.377 回答
4
yourLabel.baselineAdjustment = UIBaselineAdjustmentAlignCenters;
于 2013-07-23T11:52:05.180 回答
4
对于那些尝试解决此问题的自定义表格单元格的人，请将其添加到您的自定义表格单元格类中：
斯威夫特 2.2：
override func layoutSubviews() {
labelName.sizeToFit()
}
这解决了我的问题。
于 2016-06-14T06:24:34.013 回答
4
（截至 2018 年 3 月 7 日）
斯威夫特 4
let maxFrameHeight = 75
myLabel = UILabel()
myLabel.frame = CGRect(x: 9, y: 9, width: 126, height: maxFrameHeight)
myLabel.text = "my labels text displayed"
myLabel.numberOfLines = 0
myLabel.sizeToFit()
let newFrameHeight = myLabel.frame.size.height
let safeNewHeight = min(newFrameHeight, maxFrameHeight)
myLabel.frame = CGRect(x: 9, y: 9, width: 126, height: safeNewHeight)
这将获得所需的结果，并确保 UILabel 的新高度不会超过您希望此标签的某个最大高度。
于 2018-03-07T23:03:40.000 回答
3
您可以手动更改标签的高度，而不是使用sizeToFit；
CGSize size = [descLabel.text sizeWithFont:descLabel.font constrainedToSize:CGSizeMake(labelWidth, labelHeight)];
CGRect frame = descLabel.frame;
frame.size.height = size.height;
[yourLabel setFrame:frame];
返回的尺寸将最适合您的标签内容。如果标签的高度适合其内容，则内容位于标签中心不会有问题。
于 2013-03-15T04:52:08.333 回答
3
此代码可帮助您使文本与顶部对齐，并使标签高度固定为文本内容。
使用以下代码的说明
isHeightToChange默认情况下，它是 true 使标签的高度自动与文本内容相同。
isHeightToChange如果它为假，则使文本与顶部对齐而不降低标签的高度。
#import "DynamicHeightLable.h"
@implementation DynamicHeightLable
@synthesize isHeightToChange;
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self)
{
// Initialization code.
self.isHeightToChange=FALSE;//default
}
return self;
}
- (void)drawTextInRect:(CGRect)rect
{
if(!isHeightToChange){
CGSize maximumLabelSize = CGSizeMake(self.frame.size.width,2500);
CGFloat height = [self.text sizeWithFont:self.font
constrainedToSize:maximumLabelSize
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];
}
- (void) layoutSubviews
{
[super layoutSubviews];
if(isHeightToChange){
CGRect ltempFrame = self.frame;
CGSize maximumLabelSize = CGSizeMake(self.frame.size.width,2500);
CGFloat height = [self.text sizeWithFont:self.font
constrainedToSize:maximumLabelSize
lineBreakMode:self.lineBreakMode].height;
if (self.numberOfLines != 0) {
height = MIN(height, self.font.lineHeight * self.numberOfLines);
}
ltempFrame.size.height = MIN(ltempFrame.size.height, height);
ltempFrame.size.height=ltempFrame.size.height;
self.frame=ltempFrame;
}
}
@end
于 2013-03-25T06:26:57.047 回答
3
解决这个问题的简单方法...
UIStackView在标签下方放置一个波纹管。
然后使用 AutoLayout 将标签的垂直间距设置为零，并将顶部约束到之前的标签底部。标签不会增长，stackView 会。我喜欢的是堆栈视图是非渲染的。因此，它并没有真正浪费时间渲染。即使它进行自动布局计算。
您可能需要玩 ContentHugging 和 Resistance，但这也很简单。
我时不时地用谷歌搜索这个问题并回到这里。这次我有一个我认为最简单的想法，而且我认为这不是糟糕的表现。我必须说我只是在使用 AutoLayout，并不想费心计算帧。那只是……糟糕。
于 2017-06-26T07:26:19.597 回答
2
在发布的所有其他解决方案的基础上，我制作了一个简单的小 UILabel 子类，它将在设置其对齐属性时为您处理垂直对齐。这也将在方向更改时更新标签，将高度限制为文本，并将标签的宽度保持在其原始大小。
.h
@interface VAlignLabel : UILabel
@property (nonatomic, assign) WBZVerticalAlignment alignment;
@end
.m
-(void)setAlignment:(WBZVerticalAlignment)alignment{
_alignment = alignment;
CGSize s = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(self.frame.size.width, 9999) lineBreakMode:NSLineBreakByWordWrapping];
switch (_alignment)
{
case wbzLabelAlignmentVerticallyTop:
self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, s.height);
break;
case wbzLabelAlignmentVerticallyMiddle:
self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y + (self.frame.size.height - s.height)/2, self.frame.size.width, s.height);
break;
case wbzLabelAlignmentVerticallyBottom:
self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y + (self.frame.size.height - s.height), self.frame.size.width, s.height);
break;
default:
break;
}
}
-(void)layoutSubviews{
[self setAlignment:self.alignment];
}
于 2013-01-31T11:29:19.577 回答
1
这是 Swift 4.0 中的一个解决方案：
func viewDidLoad() {
super.viewDidLoad()
// 20 point top and left margin. Sized to leave 20 pt at right.
let labelFrame = CGRect(x: 20, y: 20, width: 280, height: 150)
let myLabel = UILabel(frame: labelFrame)
myLabel.backgroundColor = UIColor.orange
let labelText = "I am the very model of a modern Major-General,
I've information vegetable, animal, and mineral"
myLabel.text = labelText
// Tell the label to use an unlimited number of lines
myLabel.numberOfLines = 0
myLabel.sizeToFit()
view.addSubview(myLabel) // add label
}
于 2017-10-27T11:51:10.697 回答
1
SwiftUI
在 SwiftUI 中，所有视图通常都是sizeToFit其内容，但如果你显式使用frame修饰符，你可以使用alignment框架的参数：
Text("Text")
.background(Color.red)
.frame(width: 100, height: 200, alignment: .top)
此外，如果您使用任何类型的Stack视图来排列视图，它们都有一个类似于 frame 的参数，称为alignment：
ZStack(alignment: .top) {
Color.red
Text("Text")
.background(Color.red)
}
于 2019-10-09T19:23:55.780 回答
1
斯威夫特 5
这是从左上角开始渲染文本，并保持可能调整的文本大小。
final class TopAlignedLabel: UILabel {
override func drawText(in rect: CGRect) {
super.drawText(in: .init(
origin: .zero,
size: textRect(
forBounds: rect,
limitedToNumberOfLines: numberOfLines
).size
))
}
}
于 2021-06-17T15:39:17.273 回答
0
可以更灵活height constraint地在 Interface Builder 中为标签设置 a，使用 IBOutlet 将其绑定到代码并更改该高度以在具体的垂直位置显示文本。中心和底部对齐示例：
labelHeightConstraint.constant = centerAlignment ? 30 : 15
layoutIfNeeded()
于 2019-01-31T13:00:50.003 回答
0
您可以通过代码或简单地在情节提要上执行以下操作来解决该问题：
- 设置
UILabel行数等于0。 UILabel将内部嵌入UIView.- 设置
UIView约束（顶部、右侧、左侧和底部）以占据UILabel应增长到的最大空间。 - 然后将 设置
UILabel为 的顶部、右侧和左侧，UIView并将约束设置为具有距离的底部>= 0。
于 2021-09-09T14:23:16.393 回答
-1
试试这个 ！！太手动了，但对我来说很完美。
[labelName setText:@"This is just a demo"];
NSMutableString *yourString1= @"This is just a demo";
// breaking string
labelName.lineBreakMode=UILineBreakModeTailTruncation;
labelName.numberOfLines = 3;
CGSize maximumLabelSize1 = CGSizeMake(276,37); // Your Maximum text size
CGSize expectedLabelSize1 = [yourString1 sizeWithFont:labelName.font
constrainedToSize:maximumLabelSize1
lineBreakMode:labelName.lineBreakMode];
[labelName setText:yourString1];
CGRect newFrame1 = labelName.frame;
if (expectedLabelSize1.height>=10)
{
newFrame1.size.height = expectedLabelSize1.height;
}
labelName.frame = newFrame1;
于 2012-11-11T11:01:27.530 回答