如何使 MotionEvent 的坐标与缩放画布的坐标相匹配？

Question

我有一个Canvas，它被缩放，所以一切都更合适：

@Override
public void draw(Canvas c){
    super.draw(c);
    final float scaleFactorX = getWidth()/(WIDTH*1.f);
    final float scaleFactorY = getHeight()/(HEIGHT*1.f);

    if(c!=null) {
        final int savedState = c.save();

        c.scale(scaleFactorX, scaleFactorY);

        (rendering)

        c.restoreToCount(savedState);
    }

}

它基于这两个扩展：

public  static final int WIDTH = 856;
public  static final int HEIGHT = 1050;

这导致处理触摸事件的MotionEvent的坐标不等于Canvas创建的坐标的问题。当我尝试检查 MotionEvent Rect 和基于渲染比例的类的 Rect 之间的碰撞时，这会导致问题。这会导致 SuperCoin 类的 X 坐标不等于 MotionEvent X 坐标。 通常，MotionEvent 的 X 和 Y 坐标都远大于屏幕的最大尺寸（由 WIDTH 和 HEIGHT 定义）

 @Override
public boolean onTouchEvent(MotionEvent e) {
    super.onTouchEvent(e);

    switch (MotionEventCompat.getActionMasked(e)) {
        case MotionEvent.ACTION_DOWN:
        case MotionEvent.ACTION_POINTER_DOWN:
            (...)
            Rect r = new Rect((int)e.getX(), (int)e.getY(), (int)e.getX() + 3, (int)e.getY() + 3);
            if(superCoins.size() != 0) {
                for (SuperCoin sc : superCoins) {
                    if (sc.checkCollision(r)) {
                        progress++;
                        superCoins.remove(sc);
                    }
                }
            }

            break;

    }

    return true;

}

还有超级币：

public class SuperCoin {
    private Bitmap bm;
    public int x, y, orgY;
    Clicker cl;
    private Long startTime;
    Random r = new Random();
    public SuperCoin(Bitmap bm, int x, int y, Clicker c){
        this.x = x;
        this.y = y;
        this.orgY = y;
        this.bm = bm;
        this.cl = c;
        startTime = System.nanoTime();
        bounds = new Rect(x, y, x + bm.getWidth(), y + bm.getHeight());

    }

    private Rect bounds;

    public boolean checkCollision(Rect second){
        if(second.intersect(bounds)){
            return true;
        }
        return false;
    }


    private int velX = 0, velY = 0;


    public void render(Canvas c){

        long elapsed = (System.nanoTime()-startTime)/1000000;
        if(elapsed>50) {


            int cx;
            cx = r.nextInt(2);
            if(cx == 0){
                velX = r.nextInt(4);
            }else if(cx == 1){
                velX = -r.nextInt(4);
            }

            velY = r.nextInt(10) + 1;

            startTime = System.nanoTime();
        }

        if(x < 0) velX = +2;
        if(x > Clicker.WIDTH) velX = -2;

        x += velX;
        y -= velY;


        c.drawBitmap(bm, x, y, null);
    }
}

当 MotionEvent X 坐标大于屏幕的缩放最大坐标时，如何检查两者之间的碰撞？

老实说，我不完全确定为什么 SuperCoin 类中定义的 Rect 与 onTouchEvent 方法中定义的不同。我猜是因为 X 和 Y 在 MotionEvent 定义的和缩放画布定义的之间是永久不同的。 SuperCoin 类中的 Rect 按照它传递的位图的宽度。它使用位图的宽度和高度对其进行缩放。

Answer 1

在过去 2 天里通过 StackOverflow 和 Google 寻找接近解决方案的东西后，我想到了这个：Get Canvas coordinates after scaling up/down or dragging in android 解决了这个问题。真的很难找到，因为标题有点误导（另一个问题）

float px = e.getX() / mScaleFactorX;
float py = e.getY() / mScaleFactorY;
int ipy = (int) py;
int ipx = (int) px;
Rect r = new Rect(ipx, ipy, ipx+2, ipy+2);

我将此添加为答案并接受它，因此它不再是一个未回答的问题，因为它已解决。上面的代码将坐标转换为整数，因此它们可以用于检查手指和我正在检查的对象之间的碰撞

Answer 2

不要直接缩放画布。制作一个矩阵对象，缩放一次。然后将其连接到画布上。然后你可以为你的触摸事件制作一个倒置矩阵。

只要你改变视图矩阵，只需制作反转矩阵：

viewMatrix = new Matrix();
viewMatrix.scale(scalefactor,scalefactor);
invertMatrix = new Matrix(viewMatrix);
invertMatrix.invert(invertMatrix);

然后将这两个矩阵应用于相关事件。

@Override
    public boolean onTouchEvent(MotionEvent event) {
        event.transform(invertMatrix);

然后在绘制事件上，连接矩阵。

@Override
protected void onDraw(Canvas canvas) {
    canvas.concat(viewMatrix);

---

你就完成了。一切都为你照顾。无论您对视图矩阵所做的任何修改都会改变您的视图框，并且您的触摸事件也将被转换到同一个场景中。

如果您想添加平移或旋转，甚至倾斜视图，这一切都已处理完毕。只需将其应用于矩阵，得到倒置矩阵，视图就会看起来像这样，并且触摸事件会按照您的预期响应。