Swift：TableViewCell中UIImageView适配屏幕宽并保持原宽高比

嘿，我来帮你搞定这个图片拉伸、挤压的问题！咱们一步步来调整：

首先，先把图片视图的基础配置做好，这是避免拉伸的核心第一步：

• 设置UIImageView的contentMode：
  • 要是想完整显示整张图片（可能上下/左右留空白），就用imageView.contentMode = .scaleAspectFit
  • 要是想让图片填满视图区域（超出部分会被裁剪），就用imageView.contentMode = .scaleAspectFill，记得同时打开imageView.clipsToBounds = true

接下来，用Auto Layout约束固定图片的宽高比，这能让图片不管原始尺寸如何，都按比例缩放：

• 可视化布局（Storyboard/XIB）：选中图片视图，按住Control拖到自身，选择「Aspect Ratio」约束，之后可以在属性面板里调整比例值（或者拿到图片后动态修改这个约束的multiplier）
• 代码布局：拿到图片后计算原始宽高比，动态添加约束：

  imageView.translatesAutoresizingMaskIntoConstraints = false
  // 计算图片原始宽高比（高/宽）
  let aspectRatio = image.size.height / image.size.width
  NSLayoutConstraint.activate([
      imageView.topAnchor.constraint(equalTo: stackView.topAnchor),
      imageView.leadingAnchor.constraint(equalTo: stackView.leadingAnchor),
      imageView.trailingAnchor.constraint(equalTo: stackView.trailingAnchor),
      // 绑定宽高比
      imageView.heightAnchor.constraint(equalTo: imageView.widthAnchor, multiplier: aspectRatio)
  ])
  

然后处理TableViewCell的动态高度——因为不同图片高度不同，cell需要自适应：

• 给TableView开启自动高度计算：

  tableView.rowHeight = UITableView.automaticDimension
  tableView.estimatedRowHeight = 400 // 设置一个接近实际情况的预估高度，帮助TableView优化滚动性能
  

• 同时确保你的Stack View约束是完整的：从cell的顶部到底部要有连续的约束链（比如图片视图→评论区域→cell底部），这样Auto Layout才能正确算出cell的高度。

针对大尺寸JPEG导致高度异常的问题，建议先对图片进行缩放预处理，避免超大图片占用过多内存，同时保证显示比例：

func resizeImage(toFitWidth targetWidth: CGFloat, originalImage: UIImage) -> UIImage {
    let scale = targetWidth / originalImage.size.width
    let newHeight = originalImage.size.height * scale
    let newSize = CGSize(width: targetWidth, height: newHeight)
    
    UIGraphicsBeginImageContextWithOptions(newSize, false, UIScreen.main.scale)
    originalImage.draw(in: CGRect(origin: .zero, size: newSize))
    let resizedImage = UIGraphicsGetImageFromCurrentImageContext() ?? originalImage
    UIGraphicsEndImageContext()
    
    return resizedImage
}

使用时把targetWidth设为cell的宽度（或者Stack View的宽度），再把处理后的图片赋值给imageView即可。

最后检查下Stack View的属性：确保它的alignment是.fill，distribution设为.fill或者.fillProportionally，避免Stack View本身挤压图片的布局空间。

内容的提问来源于stack exchange，提问作者You Speak So Well