Android：如何缩放、平移（滚动）井字游戏板视图

Question

所以，我有一个自定义 BoardView 类扩展 View。当用户按下单元格时，我实现了绘图板、线条和可绘制的“O”。

但是，我无法正确实现以下问题：

1. 用户捏合（多点触控）时缩放 BoardView。

2. 如果 BoardView 大于 BoardView 的初始宽度或高度，则将 BoardView 滚动到左、右、上、下。

3.当用户在缩放或滚动后按下单元格时找到正确的单元格坐标。

这是我的第一个游戏项目，如果有人知道如何解决这个问题，请帮助我。

我试过了，但没有正常工作。 BoardView 宽度等于屏幕宽度，BoardView 高度等于 BoardView 宽度。这是方板视图。

我提供 200 赏金来解决这个问题。

这是我的项目，大家可以下载编辑：https://drive.google.com/file/d/0BxNIUTd_m1x8cUQ2NGpSMDBuVVE/view?usp=sharing

Github：https://github.com/boyfox/GameTicTacToe

BoardView 代码：http://pastie.org/10109253 或 http://pastebin.com/TRU8Ybds

我自己找到了解决方案，但需要改进代码，您可以用您的解决方案回答我的问题！

Answer 1

你能把你的代码移到 github 上吗？下载、编辑和提出更改会更容易。

如果您正在寻找两指缩放/旋转的通用实现，请查看我的游戏 (https://github.com/ZieIony/Gravity)。最有趣的部分是 GamePanel 视图和 dispatchTouchEvent 方法：

private PointF prevPos = new PointF(), prevPos2 = new PointF();
float scale = 1;
final float MIN_SCALE = 0.2f, MAX_SCALE = 2.0f;
float rotation = 0;
Matrix matrix = new Matrix();
private float prevDist;

public boolean dispatchTouchEvent(android.view.MotionEvent event) {
        if (event.getPointerCount() == 2) {
            float d = dist(event.getX(0), event.getY(0), event.getX(1),
                    event.getY(1));
            float pivotX = (event.getX(0) + event.getX(1)) / 2;
            float pivotY = (event.getY(0) + event.getY(1)) / 2;
            float prevPivotX = (prevPos.x + prevPos2.x) / 2;
            float prevPivotY = (prevPos.y + prevPos2.y) / 2;
            if (event.getAction() == MotionEvent.ACTION_MOVE) {
                float newScale = scale * d / prevDist;
                newScale = Math.max(MIN_SCALE,
                        Math.min(newScale, MAX_SCALE));
                float scaleFactor = newScale / scale;
                scale = newScale;

                matrix.postScale(scaleFactor, scaleFactor, pivotX, pivotY);
                float prevAngle = (float) Math.atan2(
                        prevPos.x - prevPos2.x, prevPos.y - prevPos2.y);
                float angle = (float) Math.atan2(
                        event.getX(0) - event.getX(1), event.getY(0)
                                - event.getY(1));
                rotation += prevAngle - angle;
                matrix.postRotate(
                        (float) ((prevAngle - angle) * 180.0f / Math.PI),
                        pivotX, pivotY);

                matrix.postTranslate(-prevPivotX + pivotX, -prevPivotY
                        + pivotY);
            }
            prevPos.x = event.getX(0);
            prevPos.y = event.getY(0);
            prevPos2.x = event.getX(1);
            prevPos2.y = event.getY(1);
            prevDist = d;
        }
        return true;
}

这个方法产生一个变换矩阵，你应该用它来绘图。

protected void dispatchDraw(Canvas canvas) {
    canvas.save();
    canvas.setMatrix(matrix);

    // do your drawing here

    canvas.restore();
}

Answer 2

看看我的回答here。如果答案看起来令人满意，请查看我的github 代码。我觉得你的第三点实现起来并不难

"3.当用户在缩放或滚动后按下单元格时找到正确的单元格坐标。",

因为scaleFactor 在MyView.java 中可用，并且滚动偏移可以通过getScrollX() 和getScrollY() 获得，只需进行简单的数学运算。