UILabel 的 preferredMaxLayoutWidth 属性研究

下面这张图对于有强迫症的 iOS 开发应该并不陌生,只要 xib 中将 UILabel 的 numberOfLines 设置为非 1(0或2,3…)并且没有在 xib 中设置 preferredMaxLayoutWidth 就会出现该警告。

这里写图片描述

消除该警告,有两种比较常见的方法
  1. 在 xib 中把相应 Label 的 numberOfLines 先设置为 1,再到代码中初始化的地方设置 numberOfLines 为自己想要的非 1 值。
  2. 在 xib 中把相应 Label 的 preferredMaxLayoutWidth 设置为 0,如下图所示:
    这里写图片描述
那么问题来了,上面第二中方法把 preferredMaxLayoutWidth 设置为 0 会不会有什么影响呢?
  • 首先看下苹果文档中对 UILabel 的 preferredMaxLayoutWidth 属性的说明

这里写图片描述

  • 于是自己创建了测试工程看下这个属性具体会影响到哪些地方
    • 1.对于 numberOfLines 为 1 的 UILabel,根据上面的文档说明这个属性没有什么作用。
    • 2.对于 numberOfLines 为非 1(0或2,3…)的 UILabel,下面再细分两种情况:
      • (1).如果 xib 中没有足够的约束确定 UILabel 的宽度,则会用 preferredMaxLayoutWidth 决定其最大的隐式宽度,文字内容不足 preferredMaxLayoutWidth 宽度,则隐式宽度约束为文字所需的宽度;如果超过 preferredMaxLayoutWidth 宽度则会换行(注意一下,如果 preferredMaxLayoutWidth 为 0 则永远不会换行)。调用其父视图(或者父视图的父视图)的 [superView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize] 方法计算其父视图最小宽高时,就会用 preferredMaxLayoutWidth 作为换行宽度计算其中的 numberOfLines 非 1 的 UILabel 需要的高度(正常的换行符也会马上换行)(注意一下,如果 preferredMaxLayoutWidth 为 0 则永远不会换行,需要的高度就是一行需要的高度),然后一层层根据相对约束确定 superView 需要的最小宽高。对 UILabel 的 sizeThatFits: 方法没有任何影响。
      • (2).如果 xib 中已经有足够的约束确定 UILabel 的宽度,则不会再用 preferredMaxLayoutWidth preferredMaxLayoutWidth 决定换行,而是用约束确定的宽度去决定换行(如果 preferredMaxLayoutWidth 为 0 则更不会影响)。调用其父视图(或者父视图的父视图)的 [superView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize] 方法计算其父视图最小宽高时,依然会使用 preferredMaxLayoutWidth 作为换行宽度计算其中的 numberOfLines 非 1 的 UILabel 需要的高度(正常的换行符也会马上换行)(注意一下,如果 preferredMaxLayoutWidth 为 0 则继续用约束确定的宽度作为换行换行宽度计算所需高度),然后一层层根据相对约束确定 superView 需要的最小宽高。对 UILabel 的 sizeThatFits: 方法没有任何影响。

经过研究,暂时没有发现上面的第二种修改方法(xib 把 preferredMaxLayoutWidth 设置为 0)会产生什么不好的影响。

但是把 preferredMaxLayoutWidth 设置为非 0 对于上面的2-(2)里面的情况就有非常大的影响了,我们常用的 UITableView+FDTemplateLayoutCell 动态计算 Cell 高度中就用了 systemLayoutSizeFittingSize: 方法。

最后贴一段 UITableView+FDTemplateLayoutCell 中先用 systemLayoutSizeFittingSize: 方法计算高度的代码。

    if (!cell.fd_enforceFrameLayout && contentViewWidth > 0) {
        // Add a hard width constraint to make dynamic content views (like labels) expand vertically instead
        // of growing horizontally, in a flow-layout manner.
        NSLayoutConstraint *widthFenceConstraint = [NSLayoutConstraint constraintWithItem:cell.contentView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:contentViewWidth];

        // [bug fix] after iOS 10.3, Auto Layout engine will add an additional 0 width constraint onto cell's content view, to avoid that, we add constraints to content view's left, right, top and bottom.
        static BOOL isSystemVersionEqualOrGreaterThen10_2 = NO;
        static dispatch_once_t onceToken;
        dispatch_once(&onceToken, ^{
            isSystemVersionEqualOrGreaterThen10_2 = [UIDevice.currentDevice.systemVersion compare:@"10.2" options:NSNumericSearch] != NSOrderedAscending;
        });

        NSArray<NSLayoutConstraint *> *edgeConstraints;
        if (isSystemVersionEqualOrGreaterThen10_2) {
            // To avoid confilicts, make width constraint softer than required (1000)
            widthFenceConstraint.priority = UILayoutPriorityRequired - 1;

            // Build edge constraints
            NSLayoutConstraint *leftConstraint = [NSLayoutConstraint constraintWithItem:cell.contentView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:cell attribute:NSLayoutAttributeLeft multiplier:1.0 constant:0];
            NSLayoutConstraint *rightConstraint = [NSLayoutConstraint constraintWithItem:cell.contentView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:cell attribute:NSLayoutAttributeRight multiplier:1.0 constant:accessroyWidth];
            NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:cell.contentView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:cell attribute:NSLayoutAttributeTop multiplier:1.0 constant:0];
            NSLayoutConstraint *bottomConstraint = [NSLayoutConstraint constraintWithItem:cell.contentView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:cell attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0];
            edgeConstraints = @[leftConstraint, rightConstraint, topConstraint, bottomConstraint];
            [cell addConstraints:edgeConstraints];
        }

        [cell.contentView addConstraint:widthFenceConstraint];

        // Auto layout engine does its math
        fittingHeight = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

        // Clean-ups
        [cell.contentView removeConstraint:widthFenceConstraint];
        if (isSystemVersionEqualOrGreaterThen10_2) {
            [cell removeConstraints:edgeConstraints];
        }

        [self fd_debugLog:[NSString stringWithFormat:@"calculate using system fitting size (AutoLayout) - %@", @(fittingHeight)]];
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: UILabel 高度自适应是指根据文本内容的多少自动调整UILabel的高度,使得文本能够完整显示并且没有截断。在Swift中,可以通过以下几个步骤来实现UILabel的高度自适应。 1. 设置UILabel的numberOfLines属性为0,表示文本可以显示多行。 ``` label.numberOfLines = 0 ``` 2. 设置UILabel的preferredMaxLayoutWidth属性UILabel的宽度,确保文本能够根据UILabel的宽度进行换行。 ``` label.preferredMaxLayoutWidth = label.frame.width ``` 3. 根据文本内容和UILabel的宽度计算出合适的UILabel高度。可以通过UILabel的text属性获取文本内容,再利用boundingRect方法计算出文本所占据的空间。 ``` let text = label.text ?? "" let size = CGSize(width: label.frame.width, height: .greatestFiniteMagnitude) let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin) let attributes = [NSAttributedString.Key.font: label.font] let boundingRect = text.boundingRect(with: size, options: options, attributes: attributes, context: nil) let height = ceil(boundingRect.height) ``` 4. 更新UILabel的frame属性,将高度设置为计算出的合适高度。 ``` label.frame.size.height = height ``` 通过以上步骤,我们就可以实现UILabel的高度自适应。当文本内容改变时,只需要重新计算高度并更新UILabel的frame即可。这样就能确保UILabel始终能够完整显示文本内容,而不会出现截断。 ### 回答2: 在Swift中,可以通过以下步骤实现UILabel的高度自适应: 1. 首先,我们需要将UILabel的numberOfLines属性设置为0,表示可以显示任意行数的文本。 ```swift label.numberOfLines = 0 ``` 2. 接下来,需要设置UILabel的宽度约束,即限制UILabel的宽度,以便计算文本在给定宽度下的高度。 ```swift label.widthAnchor.constraint(equalToConstant: desiredWidth).isActive = true ``` 3. 然后,使用UILabel的text属性来设置要显示的文本内容。 ```swift label.text = "这是要显示的文本内容" ``` 4. 最后,在对UILabel的布局进行更新之后,我们需要调用UILabel的sizeToFit()方法来计算并适应UILabel的高度。 ```swift label.sizeToFit() ``` 完成这些步骤后,UILabel将根据显示的文本内容自动调整高度,以适应所设置的宽度约束。 需要注意的是,当UILabel的文本过长时,自适应的高度可能会导致UILabel的宽度变窄,以保持文本的显示完整性。 ### 回答3: UILabel 在 Swift 中可以通过使用 `sizeToFit()` 方法来实现高度自适应。 sizeToFit() 方法用于根据UILabel中的文本内容调整其大小,以确保文本内容不被截断。当调用这个方法时,UILabel会根据当前设置的字体、文本内容和自动布局约束来自动计算并调整其大小。 首先,创建一个UILabel对象,并设置其属性,比如文本内容、字体大小和布局约束。 ```swift let label = UILabel() label.text = "这是一个需要自适应高度的UILabel" label.font = UIFont.systemFont(ofSize: 16) label.numberOfLines = 0 // 设置为0表示自动换行 // 设置UILabel的宽度约束 let maxWidth = UIScreen.main.bounds.width - 20 // 假设UILabel的最大宽度是屏幕宽度减去左右边距 label.widthAnchor.constraint(lessThanOrEqualToConstant: maxWidth).isActive = true ``` 接下来,调用`sizeToFit()`方法来自动计算并调整UILabel的大小。 ```swift label.sizeToFit() ``` 通过以上代码,UILabel的高度会根据文本内容自动计算并调整,确保文本不会被截断。UILabel会根据字体大小和布局约束,自动计算所需的高度。 最后,可以通过如下代码将UILabel添加到父视图中。 ```swift parentView.addSubview(label) ``` 这样,UILabel就会根据文本内容自动调整高度,并显示在父视图中。 通过使用以上的方法,就可以实现UILabel的高度自适应功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值