Android中如何在Bitmap上放置带点击事件的ImageView？

你的思路是可行的，叠加ImageView的方式能实现需求，不过需要结合缩放、拖动逻辑同步图标位置，以下是具体实现步骤：

1. 基础布局搭建 #

使用FrameLayout或RelativeLayout作为容器，底层放置显示校园地图的ImageView（或自定义View），上层放置图书馆图标ImageView，初始时通过布局参数设置图标到指定坐标位置。

2. 同步缩放与拖动时的图标位置 #

借助ScaleGestureDetector处理地图缩放，GestureDetector处理拖动操作，每次缩放或拖动后重新计算图标的坐标：

• 提前记录图书馆图标在原始Bitmap上的绝对坐标（相对于Bitmap左上角）
• 缩放时根据当前缩放比例currentScale，结合平移偏移量offsetX、offsetY，计算图标在容器中的实际位置
• 若需要图标中心点对齐目标位置，需减去图标自身宽高的一半

核心代码示例：

// 初始参数：图标在原始Bitmap上的坐标
private float originalIconX = 150f;
private float originalIconY = 300f;
private float currentScale = 1.0f;
private float offsetX = 0f;
private float offsetY = 0f;
private ImageView libraryIcon;
private View mapContainer;

// 缩放回调
@Override
public boolean onScale(ScaleGestureDetector detector) {
    currentScale *= detector.getScaleFactor();
    currentScale = Math.max(0.5f, Math.min(currentScale, 3.0f)); // 限制缩放范围
    updateIconPosition();
    return true;
}

// 拖动回调
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    offsetX -= distanceX;
    offsetY -= distanceY;
    // 限制拖动边界，避免地图移出容器
    offsetX = Math.max(0, Math.min(offsetX, mapBitmap.getWidth()*currentScale - mapContainer.getWidth()));
    offsetY = Math.max(0, Math.min(offsetY, mapBitmap.getHeight()*currentScale - mapContainer.getHeight()));
    updateIconPosition();
    return true;
}

// 更新图标位置
private void updateIconPosition() {
    float targetX = originalIconX * currentScale + offsetX;
    float targetY = originalIconY * currentScale + offsetY;
    // 调整为图标中心点对齐目标位置
    targetX -= libraryIcon.getWidth() / 2;
    targetY -= libraryIcon.getHeight() / 2;

    FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) libraryIcon.getLayoutParams();
    params.leftMargin = (int) targetX;
    params.topMargin = (int) targetY;
    libraryIcon.setLayoutParams(params);
}

3. 添加点击监听器 #

直接给图书馆图标ImageView设置点击事件，触发路径规划逻辑：

libraryIcon.setOnClickListener(v -> {
    startRoutePlanning();
});

private void startRoutePlanning() {
    // 实现你的路径规划逻辑，比如获取当前位置到图书馆的路径
}

4. 更高效的替代方案：自定义View绘制 #

如果叠加ImageView在频繁缩放拖动时出现卡顿，可以改用自定义View，将地图和图标一起绘制：

• 在onDraw方法中先绘制缩放平移后的地图Bitmap
• 再计算图标在画布上的位置，用canvas.drawBitmap绘制图书馆图标
• 在onTouchEvent中判断点击位置是否落在图标区域内，触发点击事件

核心代码示例：

private Bitmap mapBitmap;
private Bitmap libraryIconBitmap;

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 绘制缩放平移后的地图
    canvas.save();
    canvas.scale(currentScale, currentScale);
    canvas.translate(offsetX / currentScale, offsetY / currentScale);
    canvas.drawBitmap(mapBitmap, 0, 0, null);
    // 绘制图书馆图标（中心点对齐原始坐标）
    float iconX = originalIconX - libraryIconBitmap.getWidth()/2;
    float iconY = originalIconY - libraryIconBitmap.getHeight()/2;
    canvas.drawBitmap(libraryIconBitmap, iconX, iconY, null);
    canvas.restore();
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_UP) {
        // 转换点击坐标到原始地图坐标系
        float touchX = (event.getX() - offsetX) / currentScale;
        float touchY = (event.getY() - offsetY) / currentScale;
        // 判断是否点击图标区域
        float iconLeft = originalIconX - libraryIconBitmap.getWidth()/2;
        float iconRight = originalIconX + libraryIconBitmap.getWidth()/2;
        float iconTop = originalIconY - libraryIconBitmap.getHeight()/2;
        float iconBottom = originalIconY + libraryIconBitmap.getHeight()/2;
        
        if (touchX >= iconLeft && touchX <= iconRight && touchY >= iconTop && touchY <= iconBottom) {
            startRoutePlanning();
            return true;
        }
    }
    return scaleDetector.onTouchEvent(event) || super.onTouchEvent(event);
}

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