如何让UILabel完美适配圆形Collection View Cell？

看起来你遇到的问题是当Cell达到最大尺寸150x150后，过长的文本会超出Cell的可视范围，导致Label边缘被裁剪或者文本内容溢出。咱们可以从调整Label属性、优化Cell尺寸计算逻辑这两个方面来解决：

1. 调整UILabel的属性和约束 #

首先确保你的Label配置能正确处理过长文本：

• 保持numberOfLines = 0（支持多行显示），但添加换行截断模式，让文本超出范围时自动截断并显示省略号：

  label.lineBreakMode = .byTruncatingTail
  

• 确认Label的约束是添加在Cell的contentView上，而非直接绑定到Cell本身，并且内边距设置合理（比如你图中的20pt上下左右间距），这样Label的边缘始终会被约束在Cell的内边距范围内，不会被Cell的圆角裁剪。

2. 优化Cell尺寸计算逻辑 #

你当前的尺寸计算只考虑了文本宽度，没兼顾文本高度对Cell尺寸的限制。咱们修改estimatedFrameForText和sizeForItemAt方法，让它同时处理宽高的最大值限制：

private func estimatedFrameForText(text: String, maxWidth: CGFloat) -> CGRect {
    // 用无限高度来计算文本在指定宽度下的实际高度
    let size = CGSize(width: maxWidth, height: CGFloat.greatestFiniteMagnitude)
    let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin)
    return NSString(string: text).boundingRect(
        with: size,
        options: options,
        attributes: [NSAttributedString.Key.font: UIFont.systemFont(ofSize: 17)],
        context: nil
    )
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let hashLabelText = textArray[indexPath.item]
    let maxLabelWidth = 150 - 40 // 最大Cell宽度减去左右内边距（20*2）
    let textSize = estimatedFrameForText(text: hashLabelText, maxWidth: maxLabelWidth)
    
    // 计算需要的Cell宽高：取文本宽高+内边距后的最大值，再与150取最小，保证正方形且不超上限
    let desiredWidth = textSize.width + 40
    let desiredHeight = textSize.height + 40
    let finalSize = min(150, max(desiredWidth, desiredHeight))
    
    return CGSize(width: finalSize, height: finalSize)
}

关键调整点： #

• 在estimatedFrameForText中，把高度参数设为CGFloat.greatestFiniteMagnitude，能准确计算文本在指定宽度下的实际高度。
• 计算Cell尺寸时，同时考虑文本的宽高，取两者最大值加内边距后，再和150取最小值，确保Cell始终是正方形且不超过最大尺寸。
• 当Cell达到150x150时，Label的可用空间是110x110（150-40），此时文本如果超出这个空间，会因为lineBreakMode自动截断并显示省略号，Label边缘也会因约束保持在Cell内，不会被圆角裁剪。

3. 优化Cell圆角设置时机 #

你的圆角代码逻辑是对的，但建议把它移到cell.layoutSubviews()方法里，因为Cell的frame在cellForItemAt中可能还没最终确定：

override func layoutSubviews() {
    super.layoutSubviews()
    layer.cornerRadius = frame.width / 2
    clipsToBounds = true
}

这样调整后，无论Cell是小尺寸还是最大的150x150，Label的边缘都会保持在Cell内可见，过长的文本会被优雅截断，不会超出可视区域。

内容的提问来源于stack exchange，提问作者Tigran Iskandaryan