如何确定UIImageView中图像的正确缩放比例以准确定位矩形？

嘿，这个问题我之前也踩过坑！核心问题在于你搞混了屏幕缩放比例和图片在UIImageView中的实际缩放比例——UIScreen.main.scale是用来处理物理像素和逻辑坐标的转换，而你需要的是根据UIImageView的aspect布局模式（.fit或.fill），计算图片被缩放后的实际显示尺寸和偏移量，再把原始坐标映射到ImageView的坐标系里。

核心思路 #

1. 对比原图的宽高比和UIImageView的宽高比，判断图片在ImageView中是被缩放后居中显示（.fit）还是铺满裁剪（.fill）。
2. 计算图片在ImageView中的实际显示尺寸，以及相对于ImageView的偏移量（比如.fit模式下上下/左右的留白）。
3. 将原始坐标转换成相对原图的比例，再乘以图片的实际显示尺寸，加上偏移量，得到在ImageView坐标系中的正确位置。

代码实现（Swift） #

假设你的UIImageView已经设置好四边约束为0，aspect模式为.fit或.fill，可以在viewDidLayoutSubviews()（或者自定义ImageView的layoutSubviews()）中执行以下计算：

// 1. 定义原始图片尺寸和目标矩形
let originalImageSize = CGSize(width: 960, height: 1280)
let originalRect = CGRect(x: 391, y: 772, width: 574 - 391, height: 870 - 772)

// 2. 获取UIImageView的当前布局尺寸
guard let imageView = yourImageView, let _ = imageView.image else { return }
let imageViewBounds = imageView.bounds

// 3. 计算宽高比，判断缩放逻辑
let imageAspectRatio = originalImageSize.width / originalImageSize.height
let viewAspectRatio = imageViewBounds.width / imageViewBounds.height

var scaledImageSize: CGSize
var imageOffset: CGPoint = .zero

// 根据aspect模式选择对应的计算逻辑
switch imageView.contentMode {
case .scaleAspectFit:
    if imageAspectRatio > viewAspectRatio {
        // 图片宽比View宽，宽度铺满View，高度缩放后居中
        scaledImageSize.width = imageViewBounds.width
        scaledImageSize.height = scaledImageSize.width / imageAspectRatio
        imageOffset.y = (imageViewBounds.height - scaledImageSize.height) / 2
    } else {
        // 图片高比View高，高度铺满View，宽度缩放后居中
        scaledImageSize.height = imageViewBounds.height
        scaledImageSize.width = scaledImageSize.height * imageAspectRatio
        imageOffset.x = (imageViewBounds.width - scaledImageSize.width) / 2
    }
case .scaleAspectFill:
    if imageAspectRatio > viewAspectRatio {
        // 图片宽比View宽，高度铺满View，宽度超出部分被裁剪
        scaledImageSize.height = imageViewBounds.height
        scaledImageSize.width = scaledImageSize.height * imageAspectRatio
        imageOffset.x = (imageViewBounds.width - scaledImageSize.width) / 2
    } else {
        // 图片高比View高，宽度铺满View，高度超出部分被裁剪
        scaledImageSize.width = imageViewBounds.width
        scaledImageSize.height = scaledImageSize.width / imageAspectRatio
        imageOffset.y = (imageViewBounds.height - scaledImageSize.height) / 2
    }
default:
    // 其他contentMode（比如.center/.top等）直接用ImageView尺寸
    scaledImageSize = imageViewBounds.size
}

// 4. 转换原始坐标到ImageView坐标系
let scaleX = scaledImageSize.width / originalImageSize.width
let scaleY = scaledImageSize.height / originalImageSize.height

let convertedX = originalRect.origin.x * scaleX + imageOffset.x
let convertedY = originalRect.origin.y * scaleY + imageOffset.y
let convertedWidth = originalRect.width * scaleX
let convertedHeight = originalRect.height * scaleY

let finalRect = CGRect(x: convertedX, y: convertedY, width: convertedWidth, height: convertedHeight)

// 现在用finalRect绘制矩形就会在正确位置了！

关键注意点 #

• 一定要在布局完成后计算：比如viewDidLayoutSubviews()或者自定义ImageView的layoutSubviews()，因为UIImageView的实际尺寸是在Auto Layout完成后才确定的，viewDidLoad()里拿到的尺寸可能不准确。
• 不要依赖UIScreen.main.scale：这个值是屏幕的像素密度，和图片在ImageView中的缩放逻辑无关，ImageView的bounds是逻辑坐标，我们只需要处理图片到ImageView的比例映射。

内容的提问来源于stack exchange，提问作者Paul S.