如何在UITableViewCell中显示图片并实现动态高度？

刚好之前做过一模一样的需求，给你梳理下落地的关键步骤，确保你的cell能完美适配不同比例的图片：

一、基础约束配置（必做） #

首先你得确保UIImageView的约束是正确的：

• 给UIImageView添加leading、trailing、top约束，和cell的contentView对齐（这样图片宽度就等于单元格宽度）
• 给UIImageView添加一个高度约束的IBOutlet（比如命名为imageHeightConstraint），初始值可以随便设个默认值（比如200），后面我们会动态更新它

二、动态计算并更新图片高度 #

在cell的配置方法里，拿到图片后计算宽高比，再根据当前单元格宽度算出对应的图片高度，更新约束：

class CustomImageCell: UITableViewCell {
    @IBOutlet weak var customImageView: UIImageView!
    @IBOutlet weak var imageHeightConstraint: NSLayoutConstraint!
    
    func configure(with image: UIImage) {
        // 确保能拿到单元格的实际宽度
        guard let cellWidth = contentView.frame.width else { return }
        
        // 计算图片的宽高比
        let aspectRatio = image.size.height / image.size.width
        // 根据单元格宽度计算图片应该显示的高度
        imageHeightConstraint.constant = cellWidth * aspectRatio
        
        // 设置图片显示模式为aspectFit，保证比例正确
        customImageView.contentMode = .scaleAspectFit
        customImageView.image = image
        
        // 强制更新布局，让约束立即生效
        contentView.layoutIfNeeded()
    }
}

三、开启TableView自动高度计算 #

在你的ViewController里，一定要开启TableView的自动高度计算，否则cell不会自动适配：

override func viewDidLoad() {
    super.viewDidLoad()
    
    tableView.rowHeight = UITableView.automaticDimension
    // 设置一个预估高度，提升滚动流畅度（可以根据你的图片平均高度来设）
    tableView.estimatedRowHeight = 250
}

四、特殊场景的注意事项 #

• 如果是异步加载网络图片：图片下载完成后，需要调用tableView.reloadRows(at: [indexPath], with: .automatic)或者在cell里调用setNeedsLayout()，让cell重新计算高度
• 如果cell里还有其他控件：记得把其他控件的top约束和UIImageView的bottom绑定，这样整个cell的高度会被图片高度+其他控件高度一起撑开
• 避免拉伸变形：一定要确认imageView的contentMode设置为.scaleAspectFit，如果是.scaleToFill会导致图片变形

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