Question

我正在使用Canvas和一个使用canvas.drawRect绘制的网格10x10创建一个扫雷。问题是，我不知道如何获得任何单元格的坐标（例如：在我的网格上的位置（2,3），物理坐标是什么？）。也许我没有正确地做网格？（我是初学者..）但我必须使用Canvas，没有图形。我在这里看到了一些答案，但没有什么能真正帮助我......

以下是代码：

package com.example.meinsweeper_ja;

import java.util.Random;
import android.annotation.SuppressLint;
import android.content.*;
import android.graphics.*;
import android.util.*;
import android.view.*;

public class CustomView extends View {

private Paint black, grey, white, blue, green, yellow, red;
private Rect square, edge;
private boolean grid[][]; // true = uncovered false = covered
private boolean mines[][]; // true = mine false = no mine
private int arround[][]; // Nb of mine around
private float touchx[];
private float touchy[];
private int nb_mines, nb_ard;

public CustomView(Context c) {
    super(c);
    init();
}

public CustomView(Context c, AttributeSet as) {
    super(c, as);
    init();
}

public CustomView(Context c, AttributeSet as, int default_style) {
    super(c, as, default_style);
    init();
}

private void init() {
    black = new Paint(Paint.ANTI_ALIAS_FLAG);
    grey = new Paint(Paint.ANTI_ALIAS_FLAG);
    white = new Paint(Paint.ANTI_ALIAS_FLAG);
    yellow = new Paint(Paint.ANTI_ALIAS_FLAG);
    red = new Paint(Paint.ANTI_ALIAS_FLAG);
    green = new Paint(Paint.ANTI_ALIAS_FLAG);
    blue = new Paint(Paint.ANTI_ALIAS_FLAG);

    black.setColor(0xFF000000);
    grey.setColor(0xFF808080);
    white.setColor(0xFFFFFFFF);
    yellow.setColor(0xFFFFFF00);
    red.setColor(0xFFFF0000);
    green.setColor(0xFF00FF00);
    blue.setColor(0xFF0000FF);

    touchx = new float[10];
    touchy = new float[10];
    grid = new boolean[10][10];
    mines = new boolean[10][10];

    arround = new int[10][10];

    nb_mines = 20;

    square = new Rect(-24, -24, 24, 24);
    edge = new Rect(100, 100, 100, 100);

    reset();
}

private void reset() {
    for (int i = 0; i < 10; i++) {
        for (int j = 0; j < 10; j++) {
            grid[i][j] = false; // CLEAR THE BOARD
            if (nb_mines > 0) { // PLACE 20 MINES
                Random ping = new Random();
                if ((ping.nextInt(4) == 1)) {
                    mines[i][j] = true;
                    nb_mines--;
                }
            }
        }
    }

    for (int i = 0; i < 10; i++) { // CALCULATES NB OF MINES AROUND
        for (int j = 0; j < 10; j++) {
            if (!mines[i][j]) {
                nb_ard = 0;
                if (i == 0 && j == 0) { // TOP LEFT
                    if (mines[0][1])
                        nb_ard++;
                    if (mines[1][0])
                        nb_ard++;
                    if (mines[1][1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (i == 0 && j > 0 && j < 9) { // 1st Column
                    if (mines[0][j - 1])
                        nb_ard++;
                    if (mines[0][j + 1])
                        nb_ard++;
                    if (mines[1][j])
                        nb_ard++;
                    if (mines[1][j - 1])
                        nb_ard++;
                    if (mines[1][j + 1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (j == 0 && i < 9) { // 1st Row
                    if (mines[i - 1][0])
                        nb_ard++;
                    if (mines[i + 1][0])
                        nb_ard++;
                    if (mines[i][1])
                        nb_ard++;
                    if (mines[i - 1][1])
                        nb_ard++;
                    if (mines[i + 1][1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (i == 9 && j == 9) { // BOTTOM RIGHT
                    if (mines[8][8])
                        nb_ard++;
                    if (mines[8][9])
                        nb_ard++;
                    if (mines[9][8])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (i == 9 && j < 9 && j > 0) { // Last Column
                    if (mines[9][j - 1])
                        nb_ard++;
                    if (mines[9][j + 1])
                        nb_ard++;
                    if (mines[8][j])
                        nb_ard++;
                    if (mines[8][j - 1])
                        nb_ard++;
                    if (mines[8][j + 1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (j == 9 && i < 9 && i > 0) { // Last Row
                    if (mines[i - 1][0])
                        nb_ard++;
                    if (mines[i + 1][0])
                        nb_ard++;
                    if (mines[i][8])
                        nb_ard++;
                    if (mines[i - 1][8])
                        nb_ard++;
                    if (mines[i + 1][8])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (i == 0 && j == 9) { // BOTTOM LEFT
                    if (mines[0][8])
                        nb_ard++;
                    if (mines[1][9])
                        nb_ard++;
                    if (mines[1][8])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else if (i == 9 && j == 0) { // TOP RIGHT
                    if (mines[9][1])
                        nb_ard++;
                    if (mines[8][0])
                        nb_ard++;
                    if (mines[8][1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                } else { // MIDDLE GRID
                    if (mines[i - 1][j - 1])
                        nb_ard++;
                    if (mines[i - 1][j])
                        nb_ard++;
                    if (mines[i - 1][j + 1])
                        nb_ard++;
                    if (mines[i][j - 1])
                        nb_ard++;
                    if (mines[i][j + 1])
                        nb_ard++;
                    if (mines[i + 1][j - 1])
                        nb_ard++;
                    if (mines[i + 1][j])
                        nb_ard++;
                    if (mines[i + 1][j + 1])
                        nb_ard++;
                    arround[i][j] = nb_ard;
                }
            }
        }
    }

}

@Override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    for (int i = 0; i < 10; i++) {
        for (int j = 0; j < 10; j++) {
            touchy[j] = 50.f;
            canvas.save();
            if (i == 0 && j == 0)
                canvas.translate(200.f, touchy[j]);
            else
                canvas.translate(touchx[i], touchy[j]);
            canvas.drawRect(edge, white);

            if (!grid[i][j])
                canvas.drawRect(square, black);
            else {
                if (arround[i][j] == 1) {
                    canvas.drawRect(square, grey);
                    canvas.drawText(Integer.toString(1), i, j, blue);
                } else if (arround[i][j] == 2) {
                    canvas.drawRect(square, grey);
                    canvas.drawText(Integer.toString(2), i, j, green);
                } else if (arround[i][j] == 3) {
                    canvas.drawRect(square, grey);
                    canvas.drawText(Integer.toString(3), i, j, yellow);
                } else if (arround[i][j] > 3) {
                    canvas.drawRect(square, grey);
                    canvas.drawText(Integer.toString(arround[i][j]), i, j,
                            red);
                } else if (mines[i][j]) {
                    canvas.drawRect(square, red);
                    canvas.drawText("M", i, j, black);
                } else if (arround[i][j] == 0)
                    canvas.drawRect(square, grey);
            }
        }
        touchx[i] += 50.f;
        canvas.translate(touchx[i], -10 * touchx[i]);
    }
}

@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent event) {
    if (event.getActionMasked() == MotionEvent.ACTION_DOWN) {
        int pidX = (int) event.getX();
        int pidY = (int) event.getY();
        for (int i = 0; i < 10; i++) {
            for (int j = 0; j < 10; j++) {
                if (touchx[i] == pidX && touchy[j] == pidY) {
                    if (mines[i][j]) {
                        reset();
                    }
                }
            }
        }
        invalidate();
        return true;
    }
    return super.onTouchEvent(event);
}
}

问题肯定在onDraw（）方法中，但正如我之前所说，我真的不知道如何以更好的方式绘制网格..我希望你理解我的问题..

我知道我有很多方法，当我找到解决问题的方法时，我会解决这个问题。

提前致谢！

Answer 1

所以你可以考虑重构你的代码......

不要使用不同的对象，而是创建像“Tile”这样的对象。它可能看起来像： public enum DrawState { Normal, Safe, Exploded; } public class Paints { public static Paint NORMAL, SAFE, EXPLODED; static { NORMAL = new Paint(); NORMAL.setColor(...) setStyle(...) // etc } // these can even be members of the DrawState just pass them into the // constructor then you can do like DrawState.Exploded.getPaint(); } public class Tile { private final int id; private Rect boundingRect; private boolean hasMine; private DrawState drawState; public Tile(int theId, Rect theBoundingRect, boolean mined) { id = theId; boundingRect = theBoundingRect; hasMine = mined; drawState = DrawState.Normal; } public boolean containsTouch(int x, int y) { return boundingRect.contains(x, y); } public void draw(Canvas c) { switch (state) { case Normal: c.drawRect(boundingRect, Paints.NORMAL); return; case Safe: c.drawRect(boundingRect, Paints.SAFE); return; case Exploded: c.drawRect(boundingRect, Paints.EXPLODED); } } public void setInspected() { drawState = DrawState.SAFE; } public boolean isMined() { return hasMine; } public int getId() { return id; } // etc }

现在，在自定义字段视图中，您可以执行以下操作：

@Override public boolean onTouch(MotionEvent event) { for (Tile t : tiles) { if (t.containsTouch(event.getX(), event.getY())) { if (t.isMined()) { reset(); } else { t.setInspected(); } invalidate(); } } }

这使事情变得更加简单。当然，你必须初始化你的瓦片列表，你可以通过计算每个矩形的左，上，右，底部并将 new Rect(l, t, r, b) 传递给瓦片构造函数来实现。然后它可以很容易地获得id，数组位置和许多其他东西......

当然，如果你想将id作为元组，你可以使用模数运算符;如果您知道您的图块将保留在其初始索引位置的列表中，您甚至不需要保存ID。同样，当您初始化tile而不是id时，也可以传入i和j。

希望这有帮助！

编辑进一步解释：

所以现在因为每个图块都有足够的信息来处理它自己，它可以有一个绘图功能，如：
public void draw(Canvas c) { c.drawRect(boundingRect, drawState.getPaint()); // assuming the paint is set to Style.FILL it'll fill the // rect with t/l/b/r as was set during construction // if you had a flag image, you could draw it on top of the boundingRect // int t = boundingRect.centerX() - (flagImage.getIntrisnicWidth()/2); // int l = boundingRect.centerY() - (flagImage.getIntrisnicHeight()/2); // c.drawBitmap(flagImage, bitmapTop, bitmapLeft, null); }

现在从您的自定义网格视图类： @Override public void onDraw(Canvas c) { // draw other things for (Tile t : tiles) { t.draw(c); } // draw other things }

记住首先绘制的内容将被覆盖，所以如果你这样做： canvas.drawRect(rect1); canvas.drawRect(rect2); 而rect2与rect1在同一个地方，它会将它绘制在rect1上。

如何知道我触摸过哪个网格单元格（10x10）？

1 个答案: