UITableViewCell中UIStackView内UIImageView被挤压问题求助

Hey Jared, 我之前做项目时也踩过UIStackView搭配UIImageView加载网络图的坑，给你梳理几个最容易被忽略的细节，应该能解决你的异常问题：

网络图片加载完成前，UIImageView的intrinsicContentSize是不确定的，UIStackView很容易因为这个乱布局：

• 最简单的方式是给UIImageView固定宽高约束，比如：

  imageView.widthAnchor.constraint(equalToConstant: 60).isActive = true
  imageView.heightAnchor.constraint(equalToConstant: 60).isActive = true
  

• 如果不想固定尺寸，就调整它的布局优先级，让StackView优先照顾图片的尺寸：

  // 让图片优先保持自身大小，不被Label挤压
  imageView.setContentHuggingPriority(.defaultHigh, for: .horizontal)
  imageView.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
  // 对应降低Label的优先级
  label.setContentHuggingPriority(.defaultLow, for: .horizontal)
  label.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
  

• 别忘了设置contentMode，比如.scaleAspectFit或.scaleAspectFill，避免图片拉伸变形，搭配clipsToBounds = true防止图片溢出。

大部分第三方图片加载库（比如Kingfisher、SDWebImage）加载完图片后不会自动通知StackView更新布局，你需要在回调里手动触发：
以Kingfisher为例：

imageView.kf.setImage(with: imageURL) { [weak self] result in
    guard let self = self else { return }
    if case .success = result {
        // 强制StackView重新计算布局
        self.stackView.layoutIfNeeded()
    }
}

如果是自己写的网络请求，记得在主线程设置图片后调用stackView.setNeedsLayout()或stackView.layoutIfNeeded()。

• 确认StackView的axis（水平/垂直方向）是否符合你的需求，alignment和distribution有没有设错：比如水平StackView如果用.fill的alignment，UIImageView可能会被拉伸到和Label一样高，这时候改成.center就会正常。
• 如果StackView嵌套在其他滚动视图（比如UITableViewCell）里，还要确保StackView的约束是完整的，没有出现ambiguous layout的情况。

如果网络图片尺寸过大，加载后可能撑乱StackView，可以在加载前先缩放图片到合适的尺寸，比如写个简单的缩放函数：

func resizeImage(_ image: UIImage, to targetSize: CGSize) -> UIImage {
    let aspectRatio = min(targetSize.width / image.size.width, targetSize.height / image.size.height)
    let newSize = CGSize(width: image.size.width * aspectRatio, height: image.size.height * aspectRatio)
    
    UIGraphicsBeginImageContextWithOptions(newSize, false, UIScreen.main.scale)
    image.draw(in: CGRect(origin: .zero, size: newSize))
    let resizedImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()
    
    return resizedImage
}

加载完图片后先缩放再设置给UIImageView，能避免很多布局异常。

如果试过这些方法还是有问题，可以贴一下你的代码片段或者更详细描述异常表现（比如图片被挤压、偏移，还是StackView整体错位），这样能更精准定位问题~

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