如何在UITableViewCell自动布局后获取UIImageView的真实尺寸？

我之前也碰到过一模一样的情况——在cellForRowAt里刚设置完文本就去拿ImageView的frame，结果拿到的永远是xib/storyboard里的初始尺寸。这是因为系统的自动布局计算是异步的，在cellForRowAt执行时，cell还没完成最终的布局渲染。下面给你两种靠谱的解决方案，从简单到优雅：

方案一：强制触发cell的布局计算 #

在设置完tagline文本后，手动让cell立即完成布局，这样就能拿到真实的ImageView尺寸了。具体代码可以这么写：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "RecipeCell", for: indexPath) as! RecipeCell
    let tagline = yourTaglineArray[indexPath.row]
    let image = yourImageArray[indexPath.row]
    
    // 先设置文本，触发自动布局需求
    cell.taglineLabel.text = tagline
    
    // 强制cell完成当前布局
    cell.setNeedsLayout()
    cell.layoutIfNeeded()
    
    // 现在就能拿到ImageView的真实宽度了
    let imageViewWidth = cell.recipeImageView.bounds.width
    // 根据图片比例计算需要的高度
    let imageRatio = image.size.width / image.size.height
    let targetHeight = imageViewWidth / imageRatio
    
    // 更新ImageView的高度约束（记得先移除旧约束避免冲突）
    cell.recipeImageView.heightAnchor.constraint(equalToConstant: targetHeight).isActive = true
    
    // 最后设置图片
    cell.recipeImageView.image = image
    
    return cell
}

如果你的cell是复用的，最好在prepareForReuse方法里重置ImageView的高度约束，避免复用时出现约束冲突：

class RecipeCell: UITableViewCell {
    @IBOutlet weak var taglineLabel: UILabel!
    @IBOutlet weak var recipeImageView: UIImageView!
    private var imageHeightConstraint: NSLayoutConstraint?
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 移除旧的高度约束
        imageHeightConstraint?.isActive = false
        imageHeightConstraint = nil
        taglineLabel.text = nil
        recipeImageView.image = nil
    }
}

方案二：利用动态宽高比约束（更优雅） #

其实我们完全可以不用手动计算frame，而是通过AutoLayout的宽高比约束来实现图片的自适应。这种方法更符合AutoLayout的设计思想，也不需要强制布局：

class RecipeCell: UITableViewCell {
    @IBOutlet weak var taglineLabel: UILabel!
    @IBOutlet weak var recipeImageView: UIImageView!
    private var aspectRatioConstraint: NSLayoutConstraint?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 初始化一个默认的宽高比（比如1:1）
        aspectRatioConstraint = recipeImageView.widthAnchor.constraint(equalTo: recipeImageView.heightAnchor, multiplier: 1.0)
        aspectRatioConstraint?.isActive = true
    }
    
    func configure(with tagline: String, image: UIImage) {
        taglineLabel.text = tagline
        
        // 根据图片的真实比例更新宽高比约束
        let imageRatio = image.size.width / image.size.height
        aspectRatioConstraint?.isActive = false
        aspectRatioConstraint = recipeImageView.widthAnchor.constraint(equalTo: recipeImageView.heightAnchor, multiplier: imageRatio)
        aspectRatioConstraint?.isActive = true
        
        recipeImageView.image = image
    }
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 重置宽高比约束为默认值
        aspectRatioConstraint?.isActive = false
        aspectRatioConstraint = recipeImageView.widthAnchor.constraint(equalTo: recipeImageView.heightAnchor, multiplier: 1.0)
        aspectRatioConstraint?.isActive = true
        
        taglineLabel.text = nil
        recipeImageView.image = nil
    }
}

然后在cellForRowAt里直接调用配置方法就行：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "RecipeCell", for: indexPath) as! RecipeCell
    let tagline = yourTaglineArray[indexPath.row]
    let image = yourImageArray[indexPath.row]
    
    cell.configure(with: tagline, image: image)
    
    return cell
}

最后别忘了TableView的基础设置 #

确保你已经正确开启了自动行高：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.rowHeight = UITableView.automaticDimension
    tableView.estimatedRowHeight = 200 // 设置一个合理的预估高度，帮助系统提升计算效率
}

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