如何用Autolayout实现近似正方形的多行UILabel

针对多行UILabel放入弹窗、文本长度不定且需近似正方形布局的需求，以下是几种优于循环调整约束的高效解决方案：

方案一：容器视图+约束优先级（纯AutoLayout实现） #

这是最推荐的方案，完全依赖AutoLayout自动适配，无需手动计算尺寸。

• 操作步骤：
  1. 创建UIView作为Label的容器，给容器添加宽高比1:1的约束，将优先级设为UILayoutPriorityDefaultHigh（如750），同时可添加弹窗的最大宽高限制和居中约束。
  2. 给UILabel设置numberOfLines = 0和lineBreakMode = .byWordWrapping，将Label添加到容器内并设置上下左右全约束（带内边距更美观）。
  3. 将Label的内容拥抱优先级和内容压缩抵抗优先级设为UILayoutPriorityRequired（1000），确保Label内容优先决定自身尺寸，容器的宽高比约束仅做“尽量拉成正方形”的辅助限制。
• 优点：代码简洁、维护性高，无需手动计算，适配各种文本长度。
• 缺点：近似程度由约束优先级决定，无法做到绝对精确的正方形，但足以满足美观需求。

代码示例：

// 创建容器视图
let containerView = UIView()
containerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(containerView)

// 容器宽高比1:1，优先级低于Label的内容优先级
containerView.widthAnchor.constraint(equalTo: containerView.heightAnchor).priority = UILayoutPriority(750)
// 容器的弹窗约束：居中+最大宽高限制
NSLayoutConstraint.activate([
    containerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    containerView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    containerView.widthAnchor.constraint(lessThanOrEqualToConstant: 300),
    containerView.heightAnchor.constraint(lessThanOrEqualToConstant: 300)
])

// 创建多行Label
let contentLabel = UILabel()
contentLabel.translatesAutoresizingMaskIntoConstraints = false
contentLabel.numberOfLines = 0
contentLabel.lineBreakMode = .byWordWrapping
contentLabel.text = "你的可变长度文本内容，支持自动换行"
containerView.addSubview(contentLabel)

// Label约束到容器（带内边距）
NSLayoutConstraint.activate([
    contentLabel.topAnchor.constraint(equalTo: containerView.topAnchor, constant: 12),
    contentLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor, constant: 12),
    contentLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: -12),
    contentLabel.bottomAnchor.constraint(equalTo: containerView.bottomAnchor, constant: -12)
])

// 设置Label内容优先级高于容器
contentLabel.setContentHuggingPriority(.required, for: .vertical)
contentLabel.setContentHuggingPriority(.required, for: .horizontal)
contentLabel.setContentCompressionResistancePriority(.required, for: .vertical)
contentLabel.setContentCompressionResistancePriority(.required, for: .horizontal)

方案二：预计算文本尺寸动态调整 #

适合需要严格控制宽高差值的场景，通过少量迭代找到最优尺寸，避免低效的循环调整。

• 操作步骤：
  1. 先计算文本的单行宽度和无宽度限制下的高度。
  2. 迭代调整宽度，计算对应高度，直到宽高差值小于设定阈值（如10pt）。
  3. 将Label的宽高约束设为计算出的最优值。
• 优点：可精确控制近似程度，适合对布局精度要求高的场景。
• 缺点：需要手动计算，存在少量迭代，但迭代次数少，性能可忽略。

代码示例：

let contentLabel = UILabel()
contentLabel.numberOfLines = 0
contentLabel.lineBreakMode = .byWordWrapping
contentLabel.text = "你的可变长度文本内容"
contentLabel.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(contentLabel)

// 弹窗最大尺寸限制
let maxPopupSize = CGSize(width: 300, height: 300)
// 计算单行文本宽度
let singleLineWidth = contentLabel.sizeThatFits(CGSize(width: CGFloat.greatestFiniteMagnitude, height: maxPopupSize.height)).width
var targetWidth = min(singleLineWidth, maxPopupSize.width)
var targetHeight = contentLabel.sizeThatFits(CGSize(width: targetWidth, height: CGFloat.greatestFiniteMagnitude)).height

// 迭代调整到宽高接近（最多3次，避免死循环）
for _ in 0..<3 {
    if abs(targetWidth - targetHeight) < 10 {
        break
    }
    targetWidth = min(max(targetHeight, 80), maxPopupSize.width) // 限制最小宽度
    targetHeight = contentLabel.sizeThatFits(CGSize(width: targetWidth, height: CGFloat.greatestFiniteMagnitude)).height
}

// 设置Label的宽高和居中约束
NSLayoutConstraint.activate([
    contentLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    contentLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    contentLabel.widthAnchor.constraint(equalToConstant: targetWidth),
    contentLabel.heightAnchor.constraint(equalToConstant: targetHeight)
])

方案三：自定义UILabel重写intrinsicContentSize #

将布局逻辑封装到自定义Label中，复用性强，适合多个地方需要相同效果的场景。

• 操作步骤：
  1. 自定义SquareLabel类，重写intrinsicContentSize方法。
  2. 在方法中计算文本原始尺寸，若宽高差值过大，调整为以较大值为边长的正方形。
  3. 使用自定义Label，设置多行属性后添加约束即可。
• 优点：封装性好，复用方便，无需重复编写布局代码。
• 缺点：intrinsicContentSize的调整需配合外部约束（如最大宽高）使用，否则可能超出弹窗范围。

代码示例：

class SquareLabel: UILabel {
    // 宽高差值阈值，超过则调整为正方形
    private let sizeDiffThreshold: CGFloat = 20
    
    override var intrinsicContentSize: CGSize {
        guard let text = text, !text.isEmpty else {
            return super.intrinsicContentSize
        }
        let originalSize = super.intrinsicContentSize
        let sizeDiff = abs(originalSize.width - originalSize.height)
        
        if sizeDiff > sizeDiffThreshold {
            let maxDim = max(originalSize.width, originalSize.height)
            return CGSize(width: maxDim, height: maxDim)
        }
        return originalSize
    }
}

// 使用自定义Label
let squareLabel = SquareLabel()
squareLabel.numberOfLines = 0
squareLabel.lineBreakMode = .byWordWrapping
squareLabel.text = "你的可变长度文本内容"
squareLabel.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(squareLabel)

// 添加弹窗约束：居中+最大宽高限制
NSLayoutConstraint.activate([
    squareLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    squareLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    squareLabel.widthAnchor.constraint(lessThanOrEqualToConstant: 300),
    squareLabel.heightAnchor.constraint(lessThanOrEqualToConstant: 300)
])

内容的提问来源于stack exchange，提问作者David Hoerl