自定义视图中UIImageView设置图片后未按Frame缩放，求解决方案

我创建了一个自定义视图，在其中添加UIImageView并设置约束使其与父视图（containerView）四边对齐，同时将UIImageView的contentMode设为scaleAspectFit。但将这个自定义视图添加到StackView后，UIImageView没有按Frame正常缩放，出现了截图中的问题。

相关代码：

let imageView = makeImageView()
addSubview(imageView)

imageView.topAnchor.constraint(equalTo: topAnchor).isActive = true
imageView.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
imageView.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
imageView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true

解决方法 #

• 给自定义视图明确尺寸规则
  StackView依赖子视图的固有内容尺寸（intrinsicContentSize）布局，你的自定义视图没有明确尺寸，导致UIImageView无法获取有效Frame。可以在自定义视图中重写intrinsicContentSize：

override var intrinsicContentSize: CGSize {
    guard let image = imageView.image else {
        return super.intrinsicContentSize
    }
    let aspectRatio = image.size.width / image.size.height
    // 示例：固定宽度200，按图片比例计算高度，可按需调整数值
    return CGSize(width: 200, height: 200 / aspectRatio)
}

也可以在添加自定义视图到StackView时，直接设置尺寸约束：

// 假设已知图片宽高比为aspectRatio
customView.widthAnchor.constraint(equalToConstant: 200).isActive = true
customView.heightAnchor.constraint(equalTo: customView.widthAnchor, multiplier: 1/aspectRatio).isActive = true

• 调整StackView的布局属性
  检查并设置StackView的对齐和分布属性，确保子视图能获得合理的布局空间：

stackView.alignment = .fill
stackView.distribution = .fillProportionally

• 验证UIImageView的基础配置
  确认makeImageView()中正确设置了关键属性，避免约束或内容模式失效：

func makeImageView() -> UIImageView {
    let iv = UIImageView()
    iv.contentMode = .scaleAspectFit
    iv.clipsToBounds = true
    iv.translatesAutoresizingMaskIntoConstraints = false
    return iv
}

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