Swift中如何处理UITableViewCell中可选子视图及动态行高

我来分享一个更优雅且性能友好的解决方案，完美解决你遇到的Twitter克隆应用中动态调整TableViewCell高度的问题。这个方案完全基于自动布局最佳实践，既避免了手动修改frame的冲突问题，也不会因为动态创建视图影响滚动性能。

通过绑定CollectionView的高度约束，结合UITableView的自动行高机制，实现“有图显示、无图隐藏”的动态布局。不需要手动修改frame或动态添加/移除视图，全程让AutoLayout处理布局计算，同时严格遵循苹果的cell复用规范。

1. Storyboard中配置Cell与约束 #

• 在TweetCell的Storyboard布局里，给photoCollectionView添加顶部、左侧、右侧约束，再单独添加一个高度约束，并将这个高度约束通过IBOutlet绑定到TweetCell类中（命名比如photoCollectionViewHeightConstraint）。
• 初始时可以把高度约束的constant设为0，同时确保Cell内其他元素（比如推文内容标签）的约束是完整的，让AutoLayout能计算出Cell的最小高度。

2. TweetCell类中处理内容更新 #

通过修改高度约束的constant来控制CollectionView的显示/隐藏，同时配合isHidden属性避免无用的视图绘制：

import UIKit

class TweetCell: UITableViewCell {
    @IBOutlet weak var contentLabel: UILabel!
    @IBOutlet weak var photoCollectionView: UICollectionView!
    @IBOutlet weak var photoCollectionViewHeightConstraint: NSLayoutConstraint!
    
    // 模型数据绑定
    var photos: [UIImage]? {
        didSet {
            // 刷新CollectionView数据
            photoCollectionView.reloadData()
            
            // 根据图片存在状态调整布局
            if let photos = photos, !photos.isEmpty {
                photoCollectionView.isHidden = false
                // 示例：按2列布局计算高度（可根据需求调整列数、图片高度）
                let columnCount: CGFloat = 2
                let itemHeight: CGFloat = 120
                let spacing: CGFloat = 8
                let rowCount = ceil(CGFloat(photos.count) / columnCount)
                photoCollectionViewHeightConstraint.constant = rowCount * itemHeight + (rowCount - 1) * spacing
            } else {
                photoCollectionView.isHidden = true
                photoCollectionViewHeightConstraint.constant = 0
            }
            
            // 触发布局更新
            layoutIfNeeded()
        }
    }
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 重置内容相关属性（符合苹果文档规范，仅重置与当前cell内容绑定的属性）
        contentLabel.text = nil
        photos = nil
        photoCollectionView.isHidden = true
        photoCollectionViewHeightConstraint.constant = 0
        photoCollectionView.reloadData()
    }
}

// CollectionView代理实现（示例）
extension TweetCell: UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return photos?.count ?? 0
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "PhotoCell", for: indexPath) as! PhotoCell
        cell.imageView.image = photos?[indexPath.item]
        return cell
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let spacing: CGFloat = 8
        let width = (collectionView.bounds.width - spacing * (2 - 1)) / 2
        return CGSize(width: width, height: 120)
    }
}

// 图片CollectionViewCell示例
class PhotoCell: UICollectionViewCell {
    @IBOutlet weak var imageView: UIImageView!
}

3. UITableView配置自动行高 #

在你的TableViewController中，只需要开启自动行高并设置一个合理的预估高度即可，无需手动计算行高：

class TweetTableViewController: UITableViewController {
    var tweets: [Tweet] = [] // 自定义Tweet模型，包含内容和图片数组
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 注册Cell
        tableView.register(UINib(nibName: "TweetCell", bundle: nil), forCellReuseIdentifier: "TweetCell")
        // 开启自动行高
        tableView.rowHeight = UITableView.automaticDimension
        // 设置预估高度，提升滚动性能
        tableView.estimatedRowHeight = 200
    }
    
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return tweets.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "TweetCell", for: indexPath) as! TweetCell
        let tweet = tweets[indexPath.row]
        cell.contentLabel.text = tweet.content
        cell.photos = tweet.photos
        // 配置CollectionView的间距（也可以在Storyboard中直接设置）
        if let layout = cell.photoCollectionView.collectionViewLayout as? UICollectionViewFlowLayout {
            layout.minimumInteritemSpacing = 8
            layout.minimumLineSpacing = 8
        }
        return cell
    }
}

// 自定义Tweet模型示例
struct Tweet {
    let content: String
    let photos: [UIImage]?
}

• 对比方案1：避免了手动修改frame与AutoLayout的冲突问题，所有布局调整都通过约束实现，符合苹果最佳实践；prepareForReuse中仅重置内容相关属性，完全符合苹果文档要求。
• 对比方案2：不需要动态创建/销毁CollectionView，复用预先在Storyboard中创建的视图，避免了快速滚动时的视图创建开销，性能更稳定。
• 自动行高完全由AutoLayout计算，无需手动编写行高计算逻辑，减少出错概率，代码更简洁。

内容的提问来源于stack exchange，提问作者K.Wu