如何将ImageView内图像像素位置映射至屏幕位置以放置子View

刚好之前处理过类似的需求，这问题的核心是搞定图像原始像素坐标到ImageView屏幕坐标的转换——毕竟ImageView的scaleType、自身尺寸和图像原始尺寸不匹配的话，图像会被缩放或裁剪，直接用图像上的(300,125)肯定找不到正确位置。我给你拆解一下具体步骤：

第一步：用ImageView的绘制矩阵做坐标映射（通用方案） #

ImageView内部有个Matrix，专门管图像的缩放、平移这些绘制逻辑。我们可以直接用它来做坐标转换，这方法适配所有scaleType，最靠谱：

// 先定义图像上的目标点，比如你说的(300,125)
float[] imgPoint = new float[]{300f, 125f};
// 获取ImageView的图像矩阵，直接把图像坐标映射成ImageView的本地坐标
imageView.getImageMatrix().mapPoints(imgPoint);
// 现在imgPoint[0]就是ImageView本地坐标系里的x，imgPoint[1]是y

第二步：把ImageView本地坐标转成屏幕坐标 #

如果你的目标View是和ImageView同级的（比如都在FrameLayout里，或者是悬浮层），得把刚才的本地坐标转换成屏幕全局坐标：

int[] viewLocation = new int[2];
// 获取ImageView在屏幕上的左上角坐标
imageView.getLocationOnScreen(viewLocation);
// 屏幕坐标 = ImageView的屏幕坐标 + 刚才得到的本地坐标偏移
float screenX = viewLocation[0] + imgPoint[0];
float screenY = viewLocation[1] + imgPoint[1];

第三步：定位你的目标View #

拿到屏幕坐标后，就可以给目标View设置位置了。比如用FrameLayout的LayoutParams：

FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) targetView.getLayoutParams();
// 如果要让View的左上角对准目标点，直接设置margin
params.leftMargin = (int) screenX;
params.topMargin = (int) screenY;
// 要是想让View的中心对准目标点，记得减去自身宽高的一半
// params.leftMargin = (int) (screenX - targetView.getWidth()/2);
// params.topMargin = (int) (screenY - targetView.getHeight()/2);
targetView.setLayoutParams(params);

额外要注意的坑 #

• 一定要等ImageView加载完成再计算！ 比如把代码放在imageView.post(Runnable)里，或者在onWindowFocusChanged之后执行——不然ImageView的宽高还没测量出来，计算全是错的。
• 如果ImageView在滚动容器里（比如ScrollView），还要加上滚动偏移量：screenX += imageView.getScrollX()，screenY += imageView.getScrollY()。
• 要是你想手动理解缩放逻辑（比如不用Matrix），可以自己算缩放比例和偏移：比如先拿原始Bitmap的尺寸，再拿ImageView的尺寸，根据scaleType算缩放比例，再算图像在ImageView里的偏移，最后用图像坐标*缩放比例 + 偏移得到本地坐标——不过Matrix方法已经帮你做了这些，没必要自己造轮子。

最后给你个完整的示例，直接能用：

imageView.post(() -> {
    // 图像上的目标点
    float imgX = 300f;
    float imgY = 125f;

    // 转换为ImageView本地坐标
    float[] mappedPoint = new float[]{imgX, imgY};
    imageView.getImageMatrix().mapPoints(mappedPoint);

    // 转换为屏幕坐标
    int[] viewLocation = new int[2];
    imageView.getLocationOnScreen(viewLocation);
    float screenX = viewLocation[0] + mappedPoint[0];
    float screenY = viewLocation[1] + mappedPoint[1];

    // 定位目标View
    FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) targetView.getLayoutParams();
    params.leftMargin = (int) screenX;
    params.topMargin = (int) screenY;
    targetView.setLayoutParams(params);

    // 接下来就可以加动画、绑定点击事件了
    targetView.animate().scaleX(1.2f).scaleY(1.2f).setDuration(500).start();
    targetView.setOnClickListener(v -> {
        // 这里写你的点击逻辑
    });
});

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