在缩放和调整画布后校正触摸事件的坐标

时间:2017-03-21 21:28:27

标签: android zoom android-canvas

使用缩放时,可以通过除以ScaleFactor来校正MotionEvent坐标。

此外,在缩放和调整时,除以scalefactor并减去offset。

然而,在处理缩放时,它并不容易。除法确实得到了正确的相对坐标,但由于涉及泛,0不是0. 0可以是-2000偏移。

那么如何在缩放和平移后更正TouchEvent以提供正确的坐标?

代码:

缩放:

class Scaler extends ScaleGestureDetector {
    public Scaler(Context context, OnScaleGestureListener listener) {
        super(context, listener);
    }

    @Override
    public float getScaleFactor() {
        return super.getScaleFactor();
    }
}
class ScaleListener implements ScaleGestureDetector.OnScaleGestureListener{

    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        scaleFactor *= detector.getScaleFactor();

        if(scaleFactor > 2) scaleFactor = 2;
        else if(scaleFactor < 0.3f) scaleFactor = 0.3f;
        scaleFactor = ((float)((int)(scaleFactor * 100))) / 100;//jitter-protection
        scaleMatrix.setScale(scaleFactor, scaleFactor, detector.getFocusX(), detector.getFocusY());
        return true;
    }

    @Override
    public boolean onScaleBegin(ScaleGestureDetector detector) {return true;}

    @Override
    public void onScaleEnd(ScaleGestureDetector detector) {

        System.out.println("ScaleFactor: " + scaleFactor);
    }
}

的TouchEvent:

@Override
public boolean onTouchEvent(MotionEvent ev) {

    int pointers = ev.getPointerCount();

    if(pointers == 2 ) {
        zoom = true;
        s.onTouchEvent(ev);
    }else if(pointers == 1 && zoom){
        if(ev.getAction() == MotionEvent.ACTION_UP)
            zoom = false;
        return true;
    }else {

        if (ev.getAction() == MotionEvent.ACTION_DOWN) {

            //scaled physical coordinates
            x = ev.getX() /*/ mScaleFactorX*/;//unscaled
            y = ev.getY() /*/ mScaleFactorY*/;
            sx = ev.getX() / scaleFactor;//scaled
            sy = ev.getY() / scaleFactor;
            //////////////////////////////////////////
            tox = toy = true;


        } else if (ev.getAction() == MotionEvent.ACTION_UP) {

            if (tox && toy) {
                x = ev.getX() /*/ mScaleFactorX*/;
                y = ev.getY() /*/ mScaleFactorY*/;
                sx = ev.getX() / scaleFactor;
                sy = ev.getY() / scaleFactor;
                System.out.println("XY: " + sx + "/" + sy);
                Rect cursor = new Rect((int) x, (int) y, (int) x + 1, (int) y + 1);
                Rect scaledCursor = new Rect((int)sx, (int)sy, (int)sx+1, (int)sy+1);
                ...
            }

        } else if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            //This is where the pan happens. 

            float currX = ev.getX() / scaleFactor;
            float currY = ev.getY() / scaleFactor;

            float newOffsetX = (sx - currX),
                    newOffsetY = (sy - currY);

            if (newOffsetY < Maths.convertDpToPixel(1, c) && newOffsetY > -Maths.convertDpToPixel(1, c))
                newOffsetY = 0;
            else tox = false;

            if (newOffsetX < Maths.convertDpToPixel(1, c) && newOffsetX > -Maths.convertDpToPixel(1, c))
                newOffsetX = 0;
            else toy = false;
            this.newOffsetX = newOffsetX;
            this.newOffsetY = newOffsetY;
            offsetX += newOffsetX;
            offsetY += newOffsetY;
            sx = ev.getX() / scaleFactor;
            sy = ev.getY() / scaleFactor;
        }

    }
    return true;

}

缩放矩阵的实现:

Matrix scaleMatrix = new Matrix();
public void render(Canvas c) {
    super.draw(c);

    if (c != null) {
        backgroundRender(c);
        c.setMatrix(scaleMatrix);
        //Example rendering:
        c.drawRect(0 - offsetX,0 - offsetY,10 - offsetX,10 - offsetY,paint);
        c.setMatrix(null);//null the matrix to allow for unscaled rendering after this line. For UI objects.

    }
}

问题在于,当缩放0个移位但是对象的坐标没有。意义对象在例如-2500,-2500将显示为超过0,0。它们的坐标与TouchEvent不同。那么我该如何纠正触摸事件?

我尝试了什么:

这会导致延迟缩放和物体飞走。 ev = onTouchEvent中的MotionEvent。没有更正坐标

Matrix invert = new Matrix(scaleMatrix);
invert.invert(invert);
ev.transform();

这不起作用,因为与对象相比坐标是错误的。坐标为&lt; 0显示超过0意味着MotionEvents无论如何都是错误的。

int sx = ev.getX() / scaleFactor;//same with y, but ev.getY()

1 个答案:

答案 0 :(得分:4)

在进行更多研究后找到了解决方案

每当获得缩放坐标时,获取画布的clipBounds并将顶部和左侧坐标添加到X / Y坐标:

sx = ev.getX() / scaleFactor + clip.left;
sy = ev.getY() / scaleFactor + clip.top ;

clip是一个Rect,定义为Canvas的clipBounds。

public void render(Canvas c) {
        super.draw(c);

    if (c != null) {
        c.setMatrix(scaleMatrix);
        clip = c.getClipBounds();
        (...)
    }
}