如何在放大时找到点击的绝对位置

Question

请参阅下面的每个部分，以三种不同的方式描述我的问题。希望能帮助人们解答。

问题：当您只有以缩放图像表示的坐标时，如何找到在画布/用户空间中表示的一对坐标，给定原始缩放点和缩放点？比例因子？

实践中的问题：

我目前正在尝试复制图库/地图等应用程序中使用的缩放功能，此时您可以通过捏合来缩放/缩小，并且缩放会向捏合的中点移动。

向下保存缩放的中心点（基于当前屏幕的 X、Y 坐标）。然后，当检测到“缩放”手势时，我让此函数起作用：

class ImageScaleGestureDetector extends SimpleOnScaleGestureListener {
    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        if(mScaleAllowed) 
            mCustomImageView.scale(detector.getScaleFactor(), mCenterX, mCenterY);
        return true;
    }
}   

CustomImageView 的缩放函数如下所示：

public boolean scale(float scaleFactor, float focusX, float focusY) {
    mScaleFactor *= scaleFactor;

    // Don't let the object get too small or too large.
    mScaleFactor = Math.max(MINIMUM_SCALE_VALUE, Math.min(mScaleFactor, 5.0f));

    mCenterScaleX = focusX;
    mCenterScaleY = focusY;

    invalidate();

    return true;
}

缩放图像的绘制是通过重写 onDraw 方法来实现的，该方法将围绕中心缩放画布并将图像绘制为它。

@Override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.save();
    canvas.translate(mCenterScaleX, mCenterScaleY);
    canvas.scale(mScaleFactor, mScaleFactor);
    canvas.translate(-mCenterScaleX, -mCenterScaleY);
    mIcon.draw(canvas);
    canvas.restore();
}

当从 ScaleFactor 1 缩放时，这一切都工作正常，这是因为初始 mCenterX 和 mCenterY 是基于设备屏幕的坐标。设备上的 10, 10 就是画布上的 10, 10。

然而，在您已经缩放之后，下次您单击位置 10, 10 时，由于缩放和缩放，它将不再对应于画布中的 10, 10。已经执行的转换。

抽象问题：

下图是围绕中心点 A 进行缩放操作的示例。每个框代表视图在该比例因子（1、2、3、4、 5）。

在示例中，如果您围绕 A 缩放 2 倍，然后单击位置 B，则会报告 X、Y因为 B 将基于屏幕位置 - 而不是相对于初始画布 0,0 的位置。

我需要找到一种方法来获取 B 的绝对位置。

Answer 1

因此，在重新绘制问题后，我找到了我正在寻找的解决方案。它经历了几次迭代，但我是这样解决的：

B - 点，缩放操作的中心

A1、A2、A3 - 点，在用户空间中相等，但在画布空间中不同。

您知道 Bx 和 By 的值，因为无论比例因子是多少，它们总是恒定的（您知道画布空间和用户空间中的该值）。

你知道Axe &用户空间中的 Ay，以便您可以找到 Ax 到 Bx 以及 Ay 到 By 之间的距离。该测量是在用户空间中进行的，要将其转换为画布空间测量，只需将其除以比例因子即可。 （一旦转换为画布空间，您可以看到这些线条为红色、橙色和黄色）。

由于点 B 是恒定的，因此它与边缘之间的距离也是恒定的（这些由蓝线表示）。该值在用户空间和画布空间中相等。

您知道画布空间中画布的宽度，因此通过减去这两个画布空间测量值（Ax 到 Bx 和 Bx 到 Edge）从总宽度中留下画布空间中 A 点的坐标：

public float[] getAbsolutePosition(float Ax, float Ay) {
    
    float fromAxToBxInCanvasSpace = (mCenterScaleX - Ax) / mScaleFactor;
    float fromBxToCanvasEdge = mCanvasWidth - Bx;
    float x = mCanvasWidth - fromAxToBxInCanvasSpace - fromBxToCanvasEdge;
    
    float fromAyToByInCanvasSpace = (mCenterScaleY - Ay) / mScaleFactor;
    float fromByToCanvasEdge = mCanvasHeight - By;
    float y = mCanvasHeight - fromAyToByInCanvasSpace - fromByToCanvasEdge;
    
    return new float[] { x, y };
}

上面的代码和图像描述了当您单击原始中心的左上角时。我使用相同的逻辑找到 A，无论它位于哪个象限，并重构为以下内容：

public float[] getAbsolutePosition(float Ax, float Ay) {

    float x = getAbsolutePosition(mBx, Ax);
    float y = getAbsolutePosition(mBy, Ay); 

    return new float[] { x, y };
}

private float getAbsolutePosition(float oldCenter, float newCenter, float mScaleFactor) {
    if(newCenter > oldCenter) {
        return oldCenter + ((newCenter - oldCenter) / mScaleFactor);
    } else {
        return oldCenter - ((oldCenter - newCenter) / mScaleFactor);
    }
}

Answer 2

这是我基于 Graeme 的答案的解决方案：

public float[] getAbsolutePosition(float Ax, float Ay) {
    MatrixContext.drawMatrix.getValues(mMatrixValues);

    float x = mWidth - ((mMatrixValues[Matrix.MTRANS_X] - Ax) / mMatrixValues[Matrix.MSCALE_X])
            - (mWidth - getTranslationX());

    float y = mHeight - ((mMatrixValues[Matrix.MTRANS_Y] - Ay) / mMatrixValues[Matrix.MSCALE_X])
            - (mHeight - getTranslationY());

    return new float[] { x, y };
}

参数 Ax 和 Ay 是用户通过 onTouch() 触摸的点，我在 MatrixContext 类中拥有静态矩阵实例来保存以前的缩放/转换值。

Answer 3

真的很抱歉，这是一个简短的回答，仓促。但我最近也一直在关注这个 - 我发现 http://code.google .com/p/android-multitouch-controller/ 来做你想做的事（我想 - 我不得不浏览你的帖子）。希望这有帮助。如果这没有帮助，我今晚会好好看看，看看是否可以提供进一步的帮助。