Swift4中URL下载图片AspectFit模式下ImageView高度调整及卡顿解决

问题1：AspectFit模式下正确调整ImageView高度 #

你的初始代码直接用actualImage.size.height * actualImage.scale计算高度是错误的——这是图片的原始像素高度，但你需要的是适配ImageView固定宽度后的AspectFit模式显示高度。正确的思路是：

1. 先确定ImageView的固定宽度（比如屏幕宽度减去左右内边距，这个值在cell布局里应该是通过约束固定好的）
2. 根据图片的宽高比，计算该宽度下AspectFit模式的显示高度，公式非常简单：

   目标高度 = (图片原始高度 / 图片原始宽度) * ImageView的固定宽度
   

   因为AspectFit会严格保持图片比例，让图片完整显示在ImageView内，这个计算出的高度刚好适配，不会出现多余空白。

另外，绝对不要用Data(contentsOf:)同步下载图片——这会直接阻塞主线程，既导致卡顿，又浪费了Kingfisher的异步加载能力。应该用Kingfisher的异步回调来处理图片加载完成后的高度计算：

// 在tableViewCell的配置方法中
func configure(with imageUrl: URL, fixedImageWidth: CGFloat) {
    // 先设置默认高度，避免布局跳动
    itemImageHeightContrainst.constant = 200
    
    itemImageView.kf.setImage(with: imageUrl) { [weak self] result in
        guard let self = self, case .success(let value) = result else {
            // 加载失败的 fallback 处理
            return
        }
        let image = value.image
        // 计算AspectFit模式下的正确高度
        let imageRatio = image.size.height / image.size.width
        let targetHeight = imageRatio * fixedImageWidth
        // 更新约束并刷新布局
        self.itemImageHeightContrainst.constant = targetHeight
        self.layoutIfNeeded()
        // 通知tableView更新该行高度（这里用tag临时存row，更优雅的方式是用闭包/代理通知VC）
        if let tableView = self.superview as? UITableView, let indexPath = tableView.indexPath(for: self) {
            tableView.reloadRows(at: [indexPath], with: .automatic)
        }
    }
}

同时在ViewController里开启tableView自动高度计算：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.estimatedRowHeight = 200 // 预估高度尽量接近实际值，减少布局跳动
    tableView.rowHeight = UITableView.automaticDimension
}

问题2：解决tableView滚动卡顿问题 #

你更换方法后卡顿的核心原因有两个：

• 之前的同步图片加载完全阻塞了主线程
• 没有缓存计算好的图片高度，每次滚动到cell都要重新下载、计算

针对性优化方案： #

1. 彻底移除同步加载逻辑：用上面的Kingfisher异步加载方案，所有UI操作都在主线程但不会阻塞。
2. 缓存图片高度：
   • 最优解是让API返回图片的宽高信息，这样不用下载图片就能提前计算cell高度，完全避免后续reload操作。
   • 如果API不支持，就用字典缓存URL对应的高度：

     // 在ViewController中定义缓存字典
     var imageHeightCache: [URL: CGFloat] = [:]
     

     配置cell时优先读取缓存，加载完成后存入缓存：

     // 在cell的configure方法开头
     if let cachedHeight = imageHeightCache[imageUrl] {
         itemImageHeightContrainst.constant = cachedHeight
         layoutIfNeeded()
         // 直接用缓存高度加载图片，不用等待回调
         itemImageView.kf.setImage(with: imageUrl)
         return
     }
     // 缓存不存在时再执行加载+计算逻辑，完成后存入缓存
     itemImageView.kf.setImage(with: imageUrl) { [weak self, weak vc] result in
         // ... 计算targetHeight后
         vc?.imageHeightCache[imageUrl] = targetHeight
     }
     

3. 简化尺寸计算逻辑：你之前的imageSizeAspectFit方法逻辑冗余且有错误，用宽高比计算就足够覆盖AspectFit的场景。
4. 优化cell复用：在prepareForReuse里重置ImageView状态，避免复用残留：

   override func prepareForReuse() {
       super.prepareForReuse()
       itemImageView.image = nil
       itemImageHeightContrainst.constant = 200 // 重置默认高度
   }
   

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