如何缩放Rect坐标以匹配ImageView中显示的图片位置

这种情况确实很常见，核心就是把原始图片的坐标体系转换为ImageView显示区域的坐标体系，关键要算对缩放比例和偏移量——毕竟不同的scaleType（比如fitCenter、centerCrop）会让图片的显示逻辑完全不一样，我给你拆解清楚：

一、先理清基础逻辑 #

不管用哪种缩放模式，第一步都是先明确几个关键参数：

1. 原始图片的宽高：originalWidth、originalHeight
2. ImageView的实际宽高：viewWidth、viewHeight
3. 初步算出横向/纵向的缩放比例：scaleX = (float) viewWidth / originalWidth、scaleY = (float) viewHeight / originalHeight

接下来就根据不同的scaleType调整实际缩放比例和偏移量：

二、针对常见ScaleType的具体转换方法 #

1. 模式：fitCenter/fitStart/fitEnd（完整显示图片，不裁剪） #

这种模式下图片会保持比例完整显示，不会超出ImageView：

• 实际缩放比例取两者中的较小值：actualScale = Math.min(scaleX, scaleY)
• 计算图片在View中的实际显示尺寸：displayWidth = originalWidth * actualScale、displayHeight = originalHeight * actualScale
• 计算偏移量（根据对齐方式）：
  • fitCenter：横向偏移offsetX = (viewWidth - displayWidth)/2，纵向偏移offsetY = (viewHeight - displayHeight)/2
  • fitStart：偏移量全为0（图片靠左上对齐）
  • fitEnd：横向偏移offsetX = viewWidth - displayWidth，纵向偏移offsetY = viewHeight - displayHeight
• 最后转换Rect坐标：
  新的left/top/right/bottom = 原始坐标 × actualScale + 对应方向的偏移量

2. 模式：centerCrop（填满ImageView，裁剪超出部分） #

这种模式下图片会被放大/缩小到填满View，超出部分会被裁剪：

• 实际缩放比例取两者中的较大值：actualScale = Math.max(scaleX, scaleY)
• 计算图片在View中的实际显示尺寸：displayWidth = originalWidth * actualScale、displayHeight = originalHeight * actualScale
• 计算偏移量（被裁剪掉的部分）：
  横向偏移offsetX = (displayWidth - viewWidth)/2，纵向偏移offsetY = (displayHeight - viewHeight)/2
• 转换Rect坐标：
  新的left/top/right/bottom = 原始坐标 × actualScale - 对应方向的偏移量（减去被裁剪的部分，得到View内的坐标）

三、实用代码示例（以Android为例） #

给你写个通用工具方法，直接用就行：

public static RectF convertOriginalRectToViewRect(Rect originalRect, Bitmap originalBitmap, ImageView imageView) {
    int originalWidth = originalBitmap.getWidth();
    int originalHeight = originalBitmap.getHeight();
    int viewWidth = imageView.getWidth();
    int viewHeight = imageView.getHeight();

    float scaleX = (float) viewWidth / originalWidth;
    float scaleY = (float) viewHeight / originalHeight;
    float actualScale;
    float offsetX = 0, offsetY = 0;

    ImageView.ScaleType scaleType = imageView.getScaleType();
    if (scaleType == ImageView.ScaleType.FIT_CENTER || scaleType == ImageView.ScaleType.FIT_START || scaleType == ImageView.ScaleType.FIT_END) {
        actualScale = Math.min(scaleX, scaleY);
        float displayWidth = originalWidth * actualScale;
        float displayHeight = originalHeight * actualScale;

        if (scaleType == ImageView.ScaleType.FIT_CENTER) {
            offsetX = (viewWidth - displayWidth) / 2;
            offsetY = (viewHeight - displayHeight) / 2;
        } else if (scaleType == ImageView.ScaleType.FIT_END) {
            offsetX = viewWidth - displayWidth;
            offsetY = viewHeight - displayHeight;
        }
        // FIT_START偏移量为0，无需额外处理
    } else if (scaleType == ImageView.ScaleType.CENTER_CROP) {
        actualScale = Math.max(scaleX, scaleY);
        float displayWidth = originalWidth * actualScale;
        float displayHeight = originalHeight * actualScale;

        offsetX = (displayWidth - viewWidth) / 2;
        offsetY = (displayHeight - viewHeight) / 2;
    } else {
        // 其他ScaleType比如CENTER、FIT_XY等，可按需补充逻辑
        actualScale = 1f;
    }

    float offsetAdjustX = scaleType == ImageView.ScaleType.CENTER_CROP ? -offsetX : offsetX;
    float offsetAdjustY = scaleType == ImageView.ScaleType.CENTER_CROP ? -offsetY : offsetY;

    return new RectF(
        originalRect.left * actualScale + offsetAdjustX,
        originalRect.top * actualScale + offsetAdjustY,
        originalRect.right * actualScale + offsetAdjustX,
        originalRect.bottom * actualScale + offsetAdjustY
    );
}

四、重要提醒 #

一定要等ImageView完成布局后再计算坐标！比如在onLayout()回调里调用，或者用View.post()延迟执行，不然可能获取到的ImageView宽高是0，导致计算错误。

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