根据文本调整UILabel的高度


315

考虑一下我在UILabel(一长行动态文本)中包含以下文本:

由于外星军队的数量远远超过队伍,因此玩家必须利用世界末日的世界来发挥自己的优势,例如在垃圾箱,支柱,汽车,瓦砾和其他物体后面寻求掩护。

我想调整UILabel's高度以使文本适合。我使用以下属性UILabel来使文本在其中进行环绕。

myUILabel.lineBreakMode = UILineBreakModeWordWrap;
myUILabel.numberOfLines = 0;

如果我没有朝正确的方向前进,请告诉我。谢谢。



Answers:


409

sizeWithFont constrainedToSize:lineBreakMode:是使用的方法。下面是一个如何使用它的示例:

//Calculate the expected size based on the font and linebreak mode of your label
// FLT_MAX here simply means no constraint in height
CGSize maximumLabelSize = CGSizeMake(296, FLT_MAX);

CGSize expectedLabelSize = [yourString sizeWithFont:yourLabel.font constrainedToSize:maximumLabelSize lineBreakMode:yourLabel.lineBreakMode];   

//adjust the label the the new height.
CGRect newFrame = yourLabel.frame;
newFrame.size.height = expectedLabelSize.height;
yourLabel.frame = newFrame;

它使用9999,您将如何灵活处理文本?
Quantumpotato 2012年

1
@quantumpotato 9999只是占位符,用于允许文本占用的最大空间。您可以在其中使用任何适合您的UI的数字。
PyjamaSam 2012年

9
如果您按这种方式调整标签大小,那么您做错了。您应该使用[label sizeToFit]
玛丽安·塞尔尼

5
不要忘记,sizeWithFont在iOS的弃用7 stackoverflow.com/questions/18897896/...
attomos

7
不推荐使用;
msmq

242

您朝着正确的方向前进。您需要做的只是:

myUILabel.numberOfLines = 0;
myUILabel.text = @"Enter large amount of text here";
[myUILabel sizeToFit];

5
合适的大小恰好是我要包裹文本所需要的大小,只要加上myUILabel.lineBreakMode = UILineBreakModeWordWrap; myUILabel.numberOfLines = 0;
Jack BeNimble'3

2
比标记为正确答案的答案更容易解决,效果也很好。
记忆

4
@Inder Kumar Rathore-我一直将它用于多行,因此numberOfLines = 0; 我想它缺少首先设置优先宽度的方法,但是我认为这已经通过UILabel的初始化完成了。
DonnaLea 2011年

@Donna ..我不喜欢你的..你在说它的框架吗?
Inder Kumar Rathore

@DonnaLea,非常感谢。您简单的解决方案方法也帮助我解决了我的问题。
Naved

44

Apple在iOS 6中向UILabel添加了一个属性,该属性极大地简化了标签的动态垂直调整大小:preferredMaxLayoutWidth

将此属性与lineBreakMode = NSLineBreakByWordWrappingsizeToFit方法结合使用,可以轻松地将UILabel实例的大小调整为可容纳整个文本的高度。

来自iOS文档的报价:

preferredMaxLayoutWidth 多行标签的首选最大宽度(以磅为单位)。

讨论 当将布局约束应用于标签时,此属性会影响标签的大小。在布局期间,如果文本超出此属性指定的宽度,则其他文本将流到一个或多个新行,从而增加标签的高度。

一个样品:

...
UILabel *status = [[UILabel alloc] init];
status.lineBreakMode = NSLineBreakByWordWrapping;
status.numberOfLines = 5; // limits to 5 lines; use 0 for unlimited.

[self addSubview:status]; // self here is the parent view

status.preferredMaxLayoutWidth = self.frame.size.width; // assumes the parent view has its frame already set.

status.text = @"Some quite lengthy message may go here…";
[status sizeToFit];
[status setNeedsDisplay];
...

39

无需添加单行代码即可完美检查此工作。(使用自动版式)

我根据您的要求为您制作了一个演示。从下面的链接下载它,

自动调整UIView和UILabel的大小

分步指南:-

步骤1:-将约束设置为UIView

1)领先2)前3)落后(来自主视图)

在此处输入图片说明

步骤2:-将约束设置为标签1

1)领先2)前3)落后(从超级角度来看)

在此处输入图片说明

步骤3:-将约束设置为标签2

1)领先2)落后(从超级角度来看)

在此处输入图片说明

步骤4:- 最棘手的是从UIView将botton交给UILabel。

在此处输入图片说明

步骤5:-(可选)将约束设置为UIButton

1)领先2)底部3)尾随4)固定高度(来自主视图)

在此处输入图片说明

输出:-

在此处输入图片说明

注意:-确保在“标签”属性中设置了“行数= 0”。

在此处输入图片说明

我希望此信息足以理解根据UILabel的高度自动调整UIView和根据文本自动调整UILabel。


如果要在白色背景视图下也有一些视图怎么办?不给它高度,SB上会显示一些红线,表示“需要约束:Y位置或高度”
Bogdan Razvan

这需要标记为正确答案。这是ib正确的方法。
Rana Tallal

@ SPQR3是什么问题?它帮助了很多人,并且工作正常。
Badal Shah

36

您可以在设计时在Storyboard / XIB中执行此操作,而无需通过编程方式执行此操作。

  • 在属性检查器中将UIlabel的行数属性设置为0
  • 然后根据需要设置宽度约束/(或)前导约束和尾随约束。
  • 然后将高度限制设置最小值。最后,选择添加的高度约束和尺寸检查器中的一个挨着属性检查器中,改变高度约束的关系,等于 - 大于

这适用于嵌入在UITableView的自定义xib单元中的UILabel。
刚芳

根据您的回答,我在标签上设置了恒定的高度,并将该优先级设置为“低(250)”,错误消失了。(无需设置等于-大于)
Hamid Reza Ansari

15

谢谢大家的帮助,这是我尝试过的代码,对我有用

   UILabel *instructions = [[UILabel alloc]initWithFrame:CGRectMake(10, 225, 300, 180)];
   NSString *text = @"First take clear picture and then try to zoom in to fit the ";
   instructions.text = text;
   instructions.textAlignment = UITextAlignmentCenter;
   instructions.lineBreakMode = NSLineBreakByWordWrapping;
   [instructions setTextColor:[UIColor grayColor]];

   CGSize expectedLabelSize = [text sizeWithFont:instructions.font 
                                constrainedToSize:instructions.frame.size
                                    lineBreakMode:UILineBreakModeWordWrap];

    CGRect newFrame = instructions.frame;
    newFrame.size.height = expectedLabelSize.height;
    instructions.frame = newFrame;
    instructions.numberOfLines = 0;
    [instructions sizeToFit];
    [self addSubview:instructions];

2
不推荐使用sizeWithFont。
msmq,2015年

12

iOS7之前版​​本和iOS7以上版本的解决方案

//
//  UILabel+DynamicHeight.m
//  For StackOverFlow
//
//  Created by Vijay on 24/02/14.
//  Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//

#import <UIKit/UIKit.h>

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v)  ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)

#define SYSTEM_VERSION_LESS_THAN(v)                 ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] == NSOrderedAscending)

#define iOS7_0 @"7.0"

@interface UILabel (DynamicHeight)

/*====================================================================*/

/* Calculate the size,bounds,frame of the Multi line Label */

/*====================================================================*/
/**
 *  Returns the size of the Label
 *
 *  @param aLabel To be used to calculte the height
 *
 *  @return size of the Label
 */

-(CGSize)sizeOfMultiLineLabel;

@end


//
//  UILabel+DynamicHeight.m
//  For StackOverFlow
//
//  Created by Vijay on 24/02/14.
//  Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//

#import "UILabel+DynamicHeight.h"

@implementation UILabel (DynamicHeight)
/*====================================================================*/

/* Calculate the size,bounds,frame of the Multi line Label */

/*====================================================================*/
/**
 *  Returns the size of the Label
 *
 *  @param aLabel To be used to calculte the height
 *
 *  @return size of the Label
 */
-(CGSize)sizeOfMultiLineLabel{

    NSAssert(self, @"UILabel was nil");

    //Label text
    NSString *aLabelTextString = [self text];

    //Label font
    UIFont *aLabelFont = [self font];

    //Width of the Label
    CGFloat aLabelSizeWidth = self.frame.size.width;


    if (SYSTEM_VERSION_LESS_THAN(iOS7_0)) {
        //version < 7.0

        return [aLabelTextString sizeWithFont:aLabelFont
                            constrainedToSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
                                lineBreakMode:NSLineBreakByWordWrapping];
    }
    else if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(iOS7_0)) {
        //version >= 7.0

        //Return the calculated size of the Label
        return [aLabelTextString boundingRectWithSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
                                              options:NSStringDrawingUsesLineFragmentOrigin
                                           attributes:@{
                                                        NSFontAttributeName : aLabelFont
                                                        }
                                              context:nil].size;

    }

    return [self bounds].size;

}

@end

在UITableViewController的子类中,应该在哪里调用此方法?
霍姆2014年

在要计算标签高度的位置,然后调用此方法。然后调整表格视图的高度。您在索引方法中具有行的tableview高度。根据需要计算所有垂直标签文本
Vijay-Apple-Dev.blogspot.com 2014年

Vijay sizeWithFont被描述。
user3182143 '18

10

由于不推荐使用sizeWithFont,因此我改用它。

这个获得标签的特定属性。

-(CGFloat)heightForLabel:(UILabel *)label withText:(NSString *)text{

    NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text attributes:@{NSFontAttributeName:label.font}];
    CGRect rect = [attributedText boundingRectWithSize:(CGSize){label.frame.size.width, CGFLOAT_MAX}
                                           options:NSStringDrawingUsesLineFragmentOrigin
                                           context:nil];

    return ceil(rect.size.height);
}

6

这是一个类别版本:

UILabel + AutoSize.h #import

@interface UILabel (AutoSize)

- (void) autosizeForWidth: (int) width;

@end

UILabel + AutoSize.m

#import "UILabel+AutoSize.h"

@implementation UILabel (AutoSize)

- (void) autosizeForWidth: (int) width {
    self.lineBreakMode = UILineBreakModeWordWrap;
    self.numberOfLines = 0;
    CGSize maximumLabelSize = CGSizeMake(width, FLT_MAX);
    CGSize expectedLabelSize = [self.text sizeWithFont:self.font constrainedToSize:maximumLabelSize lineBreakMode:self.lineBreakMode];
    CGRect newFrame = self.frame;
    newFrame.size.height = expectedLabelSize.height;
    self.frame = newFrame;
}

@end

6

您可以TableViewController's (UITableViewCell *)tableView:cellForRowAtIndexPath 通过以下方式实现方法(例如):

#define CELL_LABEL_TAG 1

- (UITableViewCell *)tableView:(UITableView *)tableView  cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSString *text = @"my long text";

    static NSString *MyIdentifier = @"MyIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero  reuseIdentifier:identifier] autorelease];
    }

    CGFloat width = [UIScreen mainScreen].bounds.size.width - 50;
    CGFloat height = [self textHeight:text] + 10;
    CGRect frame = CGRectMake(10.0f, 10.0f, width, height);

    UILabel *cellLabel = [[UILabel alloc] initWithFrame:frame];
    cellLabel.tag = CELL_LABEL_TAG;
    cellLabel.textColor = [UIColor blackColor];
    cellLabel.backgroundColor = [UIColor clearColor];
    cellLabel.textAlignment = UITextAlignmentLeft;
    cellLabel.font = [UIFont systemFontOfSize:12.0f];
    [cell.contentView addSubview:cellLabel];
    [cellLabel release];

    return cell;
}

UILabel *label = (UILabel *)[cell viewWithTag:CELL_LABEL_TAG];
label.text = text;
label.numberOfLines = 0;
[label sizeToFit];
return cell;

也可以使用NSStringsizeWithFont:constrainedToSize:lineBreakMode:方法来计算文字的高度。


6

基于扩展的UILabel 这个答案对于斯威夫特4及以上

extension UILabel {

    func retrieveTextHeight () -> CGFloat {
        let attributedText = NSAttributedString(string: self.text!, attributes: [NSFontAttributeName:self.font])

        let rect = attributedText.boundingRect(with: CGSize(width: self.frame.size.width, height: CGFloat.greatestFiniteMagnitude), options: .usesLineFragmentOrigin, context: nil)

        return ceil(rect.size.height)
    }

}

可以像这样使用:

self.labelHeightConstraint.constant = self.label.retrieveTextHeight()

4

对于那些要迁移到iOS 8的用户,这是Swift的类扩展:

extension UILabel {

    func autoresize() {
        if let textNSString: NSString = self.text {
            let rect = textNSString.boundingRectWithSize(CGSizeMake(self.frame.size.width, CGFloat.max),
                options: NSStringDrawingOptions.UsesLineFragmentOrigin,
                attributes: [NSFontAttributeName: self.font],
                context: nil)
            self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, rect.height)
        }
    }

}

4

对我来说,最简单,更好的方法是应用高度限制来标记标签,并将故事板中的优先级设置为low,即(250)。

因此,由于有了分镜脚本,您不必担心通过编程方式计算高度和宽度。


4

我计算UILabel动态高度的方法。

    let width = ... //< width of this label 
    let text = ... //< display content

    label.numberOfLines = 0
    label.lineBreakMode = .byWordWrapping
    label.preferredMaxLayoutWidth = width

    // Font of this label.
    //label.font = UIFont.systemFont(ofSize: 17.0)
    // Compute intrinsicContentSize based on font, and preferredMaxLayoutWidth
    label.invalidateIntrinsicContentSize() 
    // Destination height
    let height = label.intrinsicContentSize.height

包装功能:

func computeHeight(text: String, width: CGFloat) -> CGFloat {
    // A dummy label in order to compute dynamic height.
    let label = UILabel()

    label.numberOfLines = 0
    label.lineBreakMode = .byWordWrapping
    label.font = UIFont.systemFont(ofSize: 17.0)

    label.preferredMaxLayoutWidth = width
    label.text = text
    label.invalidateIntrinsicContentSize()

    let height = label.intrinsicContentSize.height
    return height
}

3

更新方法

+ (CGFloat)heightForText:(NSString*)text font:(UIFont*)font withinWidth:(CGFloat)width {

    CGSize constraint = CGSizeMake(width, 20000.0f);
    CGSize size;

    CGSize boundingBox = [text boundingRectWithSize:constraint
                                                  options:NSStringDrawingUsesLineFragmentOrigin
                                               attributes:@{NSFontAttributeName:font}
                                                  context:nil].size;

    size = CGSizeMake(ceil(boundingBox.width), ceil(boundingBox.height));

    return size.height;
}

3

这是使用Objective-c获取UILabel高度的代码:

labelObj.numberOfLines = 0;
CGSize neededSize = [labelObj sizeThatFits:CGSizeMake(screenWidth, CGFLOAT_MAX)];

并使用.height,您将获得标签的高度,如下所示:

neededSize.height

最佳当前答案。
迈克

3

您可以使用以下代码获取高度

你必须通过

  1. 文字2.字体3.标签宽度

    func heightForLabel(text: String, font: UIFont, width: CGFloat) -> CGFloat {
    
       let label:UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: CGFloat.greatestFiniteMagnitude))
       label.numberOfLines = 0
       label.lineBreakMode = NSLineBreakMode.byWordWrapping
       label.font = font
       label.text = text
       label.sizeToFit()
    
       return label.frame.height
    }

2

感谢这篇文章。它极大地帮助了我。就我而言,我也在一个单独的视图控制器中编辑文本。我注意到当我使用:

[cell.contentView addSubview:cellLabel];

在tableView:cellForRowAtIndexPath:方法中,每次我编辑单元格时,标签视图都会连续呈现在上一个视图的顶部。文本变得像素化,当删除或更改某些内容时,在新版本下可以看到以前的版本。这是我解决问题的方法:

if ([[cell.contentView subviews] count] > 0) {
    UIView *test = [[cell.contentView subviews] objectAtIndex:0];
    [test removeFromSuperview];
}
[cell.contentView insertSubview:cellLabel atIndex:0];

不再有奇怪的层次感。如果有更好的方法可以解决此问题,请告诉我。


2
UILabel *itemTitle = [[UILabel alloc] initWithFrame:CGRectMake(10.0f, 10,100, 200.0f)];
itemTitle.text = @"aseruy56uiytitfesh";
itemTitle.adjustsFontSizeToFitWidth = NO;
itemTitle.autoresizingMask = UIViewAutoresizingFlexibleWidth;
itemTitle.font = [UIFont boldSystemFontOfSize:18.0];
itemTitle.textColor = [UIColor blackColor];
itemTitle.shadowColor = [UIColor whiteColor];
itemTitle.shadowOffset = CGSizeMake(0, 1);
itemTitle.backgroundColor = [UIColor blueColor];
itemTitle.lineBreakMode = UILineBreakModeWordWrap;
itemTitle.numberOfLines = 0;
[itemTitle sizeToFit];
[self.view addSubview:itemTitle];

在此使用此属性,标签上将使用所有属性,并通过增加itemTitle.text中的文本来对其进行测试,如下所示:

itemTitle.text = @"diofgorigjveghnhkvjteinughntivugenvitugnvkejrfgnvkhv";

它会根据需要显示perfetc答案


2

您也可以将其用作方法。@Pyjamasam非常正确,所以我只是在做它的方法。这可能对其他人有帮助

-(CGRect)setDynamicHeightForLabel:(UILabel*)_lbl andMaxWidth:(float)_width{
    CGSize maximumLabelSize = CGSizeMake(_width, FLT_MAX);

    CGSize expectedLabelSize = [_lbl.text sizeWithFont:_lbl.font constrainedToSize:maximumLabelSize lineBreakMode:_lbl.lineBreakMode];

    //adjust the label the the new height.
    CGRect newFrame = _lbl.frame;
    newFrame.size.height = expectedLabelSize.height;
    return newFrame;
}

像这样设置

label.frame = [self setDynamicHeightForLabel:label andMaxWidth:300.0];

2

为此,请在Swift3中执行以下代码:

 let labelSizeWithFixedWith = CGSize(width: 300, height: CGFloat.greatestFiniteMagnitude)
            let exactLabelsize = self.label.sizeThatFits(labelSizeWithFixedWith)
            self.label.frame = CGRect(origin: CGPoint(x: 20, y: 20), size: exactLabelsize)

2

除上述答案外:

这可以通过情节提要轻松实现。

  1. 设置UILabel的约束。(在我的情况下,我做了顶部,左侧和固定宽度)
  2. 在属性检查器中将行数设置为0
  3. 在“属性”检查器中将“ 换行符”设置为“ WordWrap”

UILabel高度调整


1

一句话是克里斯的答案是错误的。

newFrame.size.height = maximumLabelSize.height;

应该

newFrame.size.height = expectedLabelSize.height;

除此之外,这是正确的解决方案。


1

最后,它成功了。感谢大伙们。

我没有使它起作用,因为我试图在heightForRowAtIndexPath方法中调整标签的大小:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

并且(是的,愚蠢的我),我正在将标签的大小调整为默认cellForRowAtIndexPath方法-我忽略了我之前编写的代码:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

1
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    cellIdentifier = @"myCell";
    cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    cell.myUILabel.lineBreakMode = UILineBreakModeWordWrap;        
    cell.myUILabel.numberOfLines = 0;
    cell.myUILabel.text = @"Some very very very very long text....."
    [cell.myUILabel.criterionDescriptionLabel sizeToFit];    
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [self tableView:tableView cellForRowAtIndexPath:indexPath];
    CGFloat rowHeight = cell.myUILabel.frame.size.height + 10;

    return rowHeight;    
}

2
您能否为您的解决方案解决OP的问题添加一些解释?

1
您不能要求UITableViewCell * cell = [self tableView:tableView cellForRowAtIndexPath:indexPath]; 在heightForRowAtIndexPath中,您将
进入

1
NSString *str = @"Please enter your text......";
CGSize lblSize = [str sizeWithFont:[UIFont systemFontOfSize:15] constrainedToSize: CGSizeMake(200.0f, 600.0f) lineBreakMode: NSLineBreakByWordWrapping];

UILabel *label = [[UILabel alloc]init];
label.frame = CGRectMake(60, 20, 200, lblSize.height);
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.font = [UIFont systemFontOfSize:15];
label.text = str;
label.backgroundColor = [UIColor clearColor];
[label sizeToFit];
[self.view addSubview:label];

1

我的代码:

UILabel *label      = [[UILabel alloc] init];
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.text          = text;
label.textAlignment = NSTextAlignmentCenter;
label.font          = [UIFont fontWithName:_bodyTextFontFamily size:_bodyFontSize];

CGSize size = [label sizeThatFits:CGSizeMake(width, MAXFLOAT)];


float height        = size.height;
label.frame         = CGRectMake(x, y, width, height);

1

这种方法将产生完美的高度

-(float) getHeightForText:(NSString*) text withFont:(UIFont*) font andWidth:(float) width{
CGSize constraint = CGSizeMake(width , 20000.0f);
CGSize title_size;
float totalHeight;


title_size = [text boundingRectWithSize:constraint
                                options:NSStringDrawingUsesLineFragmentOrigin
                             attributes:@{ NSFontAttributeName : font }
                                context:nil].size;

totalHeight = ceil(title_size.height);

CGFloat height = MAX(totalHeight, 40.0f);
return height;
}

没有明确的来源,请勿从其他地方复制内容。这被视为gi窃。见stackoverflow.com/help/referencingstackoverflow.com/a/25158206/444991)。
马特

1

斯威夫特2:

    yourLabel.text = "your very long text"
    yourLabel.numberOfLines = 0
    yourLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
    yourLabel.frame.size.width = 200
    yourLabel.frame.size.height = CGFloat(MAXFLOAT)
    yourLabel.sizeToFit()

有趣的行sizeToFit()与将a设置frame.size.height为最大浮点数相结合,这将为长文本留出空间,但sizeToFit()将迫使它仅使用必要的文本,但始终在设置之后调用它.frame.size.height

我建议设置a .backgroundColor为调试目的,这样您可以看到每种情况下呈现的帧。


1
yourLabel.frame.height是唯一的财产
Phil Hudson

2
yourLabel.frame.size.width和yourLabel.frame.size.height也是只读的
CalZone

1
myLabel.text = "your very long text"
myLabel.numberOfLines = 0
myLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping

请在情节提要中为UILable设置约束,包括左上角,右下角

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.