onScale和Canvas - 如何在缩放图像后调整原点？

Question

我有一个非常简单的测试应用程序，其中包含一个自定义组件MyView.java - 它显示一个可滚动且可伸缩的图像（代表类似拼字游戏的文字游戏中的棋盘）：

1）在我的比例监听器中，我调整比例因子：

public boolean onScale(ScaleGestureDetector detector) {
    mScale *= detector.getScaleFactor();

    // XXX how to adjust mOffsetX and mOffsetY ? XXX

    constrainZoom();
    constrainOffsets();
    invalidate();
    return true;
}

2）然后在我的自定义组件的绘图方法中，我应用了翻译和比例因子：

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.translate(mOffsetX, mOffsetY);
    canvas.scale(mScale, mScale);
    gameBoard.setBounds(
        0, 
        0, 
        gameBoard.getIntrinsicWidth(),
        gameBoard.getIntrinsicHeight()
    );
    gameBoard.draw(canvas);  
}

不幸的是，使用捏合手势缩放时似乎存在一个小错误 -

我可以看到，缩放后缩放和边界的大小正确，但图像的偏移不是。

当捏合手势的焦点远离屏幕的0点时，问题变得更糟。

用单词来描述这个问题有点困难，但当你结账my test project from GitHub时，你会立即看到它（你可以随时双击以重置偏移量和比例）。

这可能是解决它的标准方法的常见问题，但我还没有找到它。

电路板图片为CC BY-SA by Denelson83，代码基于How-to support the fling gesture with a bounce effect博客。

Answer 1

您正在移动画布两次：首先使用translate，然后使用scale(sx,sy,px,py);。

您可以将焦点与onScale中的偏移量结合使用，然后使用scale(sx,sy)。