根据标签宽度设置Collection View单元格宽度遇问题求排查

以下是我使用的代码：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    
    func textSize(text: String) -> CGSize {
        let attributes = [NSAttributedString.Key.font: UIFont.systemFont(ofSize: 17)]
        return text.size(withAttributes: attributes)
    }
    
    let locationText = locationLabel.text ?? "" 
    let padding: CGFloat = 16
    
    let textSize = textSize(text: locationText)
    let cellWidth = textSize.width + padding
    
    return CGSize(width: cellWidth, height: collectionView.frame.height / 2.1)
}

Collection View单元格显示如上，请问存在什么问题？

核心问题1：错误复用单个控件的文本 #

你直接访问locationLabel获取文本，这个控件要么是页面上的单个标签，要么是某个已复用单元格里的控件，并非当前indexPath对应数据源的文本。这会导致所有单元格都用同一个文本计算宽度，出现所有单元格宽度一致、内容适配错误的情况（比如长文本被截断、短文本单元格宽度冗余）。

核心问题2：文本宽度计算无限制 #

用size(withAttributes:)计算文本宽度时，没有设置最大宽度限制，当文本过长时，计算出的宽度会超出CollectionView的可用范围，导致单元格被挤出屏幕或布局混乱。

核心问题3：高度依赖易变的frame值 #

直接用collectionView.frame.height / 2.1计算高度，当CollectionView的frame因屏幕旋转、父视图布局更新而变化时，单元格高度不会自动同步更新，引发布局错乱。

修复方案 #

1. 从数据源获取对应位置的文本
   放弃直接访问UI控件，从你的数据源数组中根据indexPath取出对应文本：

   // 假设你的数据源是存储位置文本的数组
   let locationText = dataSourceArray[indexPath.item] ?? ""
   

2. 优化文本宽度计算逻辑
   限制文本的最大宽度为CollectionView的可用宽度，避免宽度超出屏幕：

   func textSize(text: String, maxWidth: CGFloat) -> CGSize {
       let attributes = [NSAttributedString.Key.font: UIFont.systemFont(ofSize: 17)]
       let constraintRect = CGSize(width: maxWidth, height: .greatestFiniteMagnitude)
       return text.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: attributes, context: nil).size
   }
   

3. 可靠计算单元格高度
   使用collectionView.bounds替代frame（bounds不受外部布局偏移影响），如果需要动态高度，也可以结合文本高度计算，或开启CollectionView的自动估算高度。

4. 完整修复后的示例代码

   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
       func textSize(text: String, maxWidth: CGFloat) -> CGSize {
           let attributes = [NSAttributedString.Key.font: UIFont.systemFont(ofSize: 17)]
           let constraintRect = CGSize(width: maxWidth, height: .greatestFiniteMagnitude)
           return text.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: attributes, context: nil).size
       }
       
       // 从数据源取当前单元格对应的文本
       let locationText = dataSourceArray[indexPath.item] ?? ""
       let padding: CGFloat = 16
       // 计算CollectionView的最大可用宽度（可根据实际左右间距调整）
       let maxAvailableWidth = collectionView.bounds.width - 20
       
       let textSize = textSize(text: locationText, maxWidth: maxAvailableWidth - padding)
       // 确保单元格宽度不超出最大可用范围
       let cellWidth = min(textSize.width + padding, maxAvailableWidth)
       let cellHeight = collectionView.bounds.height / 2.1
       
       return CGSize(width: cellWidth, height: cellHeight)
   }
   

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