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;

}

和SuperCoin：

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方法中定义的Rect不同。我猜是因为X和Y在由MotionEvent定义的那个和由缩放的画布定义的那个之间是永久不同的。 SuperCoin类中的Rect超过它已经传递的位图的宽度。它会根据位图的宽度和高度进行缩放。

Answer 1

在过去2天浏览StackOverflow和Google寻找接近解决方案的东西后，我找到了这个：在放大/缩小或在android中拖动后获取Canvas坐标哪个解决了问题。这真的很难找到，因为标题有点误导（另一个问题）

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

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

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

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);

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

如果您想要添加平移或旋转，甚至倾斜视图，它们都会被处理掉。只需将其应用于矩阵，获取倒置矩阵，视图将以这种方式显示，触摸事件将按预期响应。

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

2 个答案: