如何使图片在UIImageView中占满最大可用空间？

安全阿岳

2026-8-13

问题描述

我会判断图片为竖向或横向，若为横向则对其进行旋转，代码如下：

@IBOutlet private weak var img: UIImageView!

img.image = file.image    
let imageSize = file.image?.size
let imgWidth = imageSize?.width ?? 0
let imgHeight = imageSize?.height ?? 0
                    
if imgWidth > imgHeight {
    print("IMG HORIZONTAL")
    imgDetail.transform = imgDetail.transform.rotated(by: .pi / 2)
} else {
    print("IMG VERTICAL")
}

但图片周围仍留有空白，我希望它能占满UIImageView的最大尺寸。

问题示意图

横向图片旋转后留空白
竖向图片正常显示

解决方案

1. 适配UIImageView的内容模式

旋转后出现空白的核心原因是UIImageView的contentMode未适配旋转后的尺寸，且直接修改transform不会调整视图布局约束。先设置合适的内容模式：

imgDetail.contentMode = .scaleAspectFill // 保持比例填满视图，超出部分裁剪
// 或选择.scaleToFill（拉伸图片填满，可能变形）
imgDetail.clipsToBounds = true // 防止图片超出视图边界

2. 旋转图片本身（更稳妥）

直接修改视图transform易导致布局计算异常，推荐旋转图片本身而非视图：

@IBOutlet private weak var imgDetail: UIImageView!

guard let originalImage = file.image else { return }
imgDetail.contentMode = .scaleAspectFill
imgDetail.clipsToBounds = true

let imgWidth = originalImage.size.width
let imgHeight = originalImage.size.height

if imgWidth > imgHeight {
    print("IMG HORIZONTAL")
    // 旋转图片并保持原有缩放比例
    if let rotatedImage = UIImage(cgImage: originalImage.cgImage!, scale: originalImage.scale, orientation: .right) {
        imgDetail.image = rotatedImage
    }
} else {
    print("IMG VERTICAL")
    imgDetail.image = originalImage
}

这种方式下，ImageView会根据旋转后的图片尺寸正常布局，不会出现空白。