UILabel - 自动调整标签大小以适合文本？

Question

是否可以自动调整 UILabel 框/边界的大小以适应所包含的文本？ （我不在乎它最终是否比显示屏大）

因此，如果用户输入“你好”或“我的名字很长，我希望它适合这个盒子”，它永远不会被截断，并且标签会被“加宽” ' 因此？

Answer 1

请查看我的要点，其中我为 UILabel 创建了一个非常相似的类别，我的类别让 UILabel 拉伸其高度以显示所有内容：https://gist.github.com/1005520

或者查看这篇文章：https://stackoverflow.com/a/7242981/662605

这会拉伸高度，但您可以轻松更改它以进行工作另一种方式并用这样的方法拉伸宽度，我相信这就是您想要做的：

@implementation UILabel (dynamicSizeMeWidth)

- (void)resizeToStretch{
    float width = [self expectedWidth];
    CGRect newFrame = [self frame];
    newFrame.size.width = width;
    [self setFrame:newFrame];
}

- (float)expectedWidth{
    [self setNumberOfLines:1];

    CGSize maximumLabelSize = CGSizeMake(CGRectGetWidth(self.bounds), CGFLOAT_MAX);

    CGSize expectedLabelSize = [[self text] sizeWithFont:[self font] 
                                            constrainedToSize:maximumLabelSize
                                            lineBreakMode:[self lineBreakMode]]; 
    return expectedLabelSize.width;
}

@end

您可以更简单地使用从UIView 类，但为了安全起见，将行数设置为 1。

---

iOS 6 更新

如果您使用 AutoLayout，那么您就有一个内置的解决方案。通过将行数设置为 0，框架将适当调整标签大小（添加更多高度）以适合您的文本。

---

iOS 8 更新

sizeWithFont: 已弃用，因此请使用 sizeWithAttributes: 代替：

- (float)expectedWidth{
    [self setNumberOfLines:1];

    CGSize expectedLabelSize = [[self text] sizeWithAttributes:@{NSFontAttributeName:self.font}];

    return expectedLabelSize.width;
}

Answer 2

使用 [label sizeToFit]; 将从 Daniels 类别中获得相同的结果。

尽管我建议使用自动布局并让标签根据约束自行调整大小。

Answer 3

如果我们希望 UILabel 根据文本大小缩小和扩展，那么带有自动布局的故事板是最好的选择。以下是实现此目的的步骤 步骤

1. 将 UILabel 放入视图控制器中并将其放置在您想要的任何位置。还要为 UILabel 的 numberOfLines 属性设置 0。

2. 给予顶部、前导和尾随空格引脚约束。

3. 现在会发出警告，单击黄色箭头。

4. 单击更新框架，然后单击修复错位。现在，如果文本较少，此 UILabel 将缩小；如果文本较多，则此 UILabel 将扩展。

Answer 4

这并不像其他一些答案那么复杂。

固定左侧和顶部边缘

只需使用自动布局添加约束即可固定标签的左侧和顶部边缘。

之后它会自动调整大小。

注意

• 不要添加宽度和高度的约束。标签具有基于其文本内容的固有尺寸。
• 感谢此答案提供帮助。

• 使用自动布局时无需设置sizeToFit。我的示例项目的完整代码在这里：

  导入 UIKit
  类 ViewController: UIViewController {
  
      @IBOutlet 弱变量 myLabel：UILabel！
  
      @IBAction func changeTextButtonTapped（发送者：UIButton）{
          myLabel.text =“我的名字很长，我希望它适合这个盒子”
      }
  }
  

• 如果您希望标签自动换行，请在 IB 中将行数设置为 0，并在代码中添加 myLabel.preferredMaxLayoutWidth = 150 // 或其他内容。 （我还将按钮固定在标签底部，以便当标签高度增加时它会向下移动。）

• 如果您正在寻找 UITableViewCell 内动态调整大小的标签然后看这个答案。

Answer 5

使用[label sizeToFit];调整UILabel中的文本

Answer 6

这是我发现适合我的情况的方法：

1）使用自动布局时，UILabel 的高度有 >= 0 约束。宽度是固定的。
2）将文本分配到 UILabel 中，此时它已经有一个超级视图（不确定这有多重要）。
3) 然后，执行以下操作：

    label.sizeToFit()
    label.layoutIfNeeded()

现在标签的高度已设置适当。

Answer 7

我根据上面丹尼尔的回复创建了一些方法。

-(CGFloat)heightForLabel:(UILabel *)label withText:(NSString *)text
{
    CGSize maximumLabelSize     = CGSizeMake(290, FLT_MAX);

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

    return expectedLabelSize.height;
}

-(void)resizeHeightToFitForLabel:(UILabel *)label
{
    CGRect newFrame         = label.frame;
    newFrame.size.height    = [self heightForLabel:label withText:label.text];
    label.frame             = newFrame;
}

-(void)resizeHeightToFitForLabel:(UILabel *)label withText:(NSString *)text
{
    label.text              = text;
    [self resizeHeightToFitForLabel:label];
}

Answer 8

@implementation UILabel (UILabel_Auto)

- (void)adjustHeight {

    if (self.text == nil) {
        self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.bounds.size.width, 0);
        return;
    }

    CGSize aSize = self.bounds.size;
    CGSize tmpSize = CGRectInfinite.size;
    tmpSize.width = aSize.width;

    tmpSize = [self.text sizeWithFont:self.font constrainedToSize:tmpSize];

    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, aSize.width, tmpSize.height);
}

@end

这就是分类法。您必须先设置文本，然后调用此方法来调整 UILabel 的高度。

Answer 9

您可以使用两种方式根据文本和其他相关控件调整标签大小

1. -

   适用于 iOS 7.0 及更高版本

   CGSize labelTextSize = [labelTextboundingRectWithSize:CGSizeMake(labelsWidth, MAXFLOAT)
                                             选项：NSStringDrawingUsesLineFragmentOrigin
                                          属性：@{
                                                       NSFontAttributeName : labelFont
                                                       }
                                             上下文：nil].size；
   

iOS 7.0 之前的更高版本，这可用于计算标签大小

CGSize labelTextSize = [label.text sizeWithFont:label.font 
                            constrainedToSize:CGSizeMake(label.frame.size.width, MAXFLOAT)  
                                lineBreakMode:NSLineBreakByWordWrapping];

// 基于 labelTextHeight 重新构建其他控件

CGFloat labelTextHeight = labelTextSize.height;

2. 如果您不想计算标签文本的大小可以在 UILabel 实例上使用 -sizeToFit 作为-

   [标签 setNumberOfLines:0]; // 对于多行标签
   [label setText:@"要设置的标签文本"];
   [label sizeToFit];//调用此函数以根据文本调整标签的大小
   

// 之后您可以获得标签框架来重新构建其他相关控件

Answer 10

sizeToFit() 方法在约束条件下不能很好地发挥作用，但从 iOS 9 开始，这就是您所需要的 -

label.widthAnchor.constraint(equalToConstant: label.intrinsicContentSize.width).activate()

Answer 11

1. 在故事板中添加缺少的约束。
2. 在 Storyboard 中选择 UILabel，并将属性“Line”设置为 0。
3. 将 UILabel 引用到 Controller.h，id:label
4. Controller.m 并在 viewDidLoad 中添加 [label sizeToFit];

Answer 12

我在自动布局方面遇到了很大的问题。
表格单元格内有两个容器。第二个容器根据项目描述（0 - 1000 个字符）调整大小，并且应根据它们调整行大小。

缺少的成分是描述的底部约束。

我已将动态元素的底部约束从 = 0 更改为 >= 0。

Answer 13

每次都适合！ :)

    name.text = @"Hi this the text I want to fit to"
    UIFont * font = 14.0f;
    CGSize size = [name.text sizeWithAttributes:@{NSFontAttributeName: font}];
    nameOfAssessment.frame = CGRectMake(400, 0, size.width, 44);
    nameOfAssessment.font = [UIFont systemFontOfSize:font];

Answer 14

您可以显示一行输出，然后设置属性 Line=0 并显示多行输出，然后设置属性 Line=1 及更多

[self.yourLableName sizeToFit];

Answer 15

还有这样的做法：

[self.myLabel changeTextWithAutoHeight:self.myStringToAssignToLabel width:180.0f];