在已经使用 paint 方法的 JPanel 上绘制形状

Question

假设我有两个类，第一个扩展了 JPanel 并使用 Graphics 在其上绘制了一个棋盘。第二个创建 JFrame 并将面板添加到其中。

你可以想象框架看起来像这样：

我现在想在单击时向特定矩形添加一个椭圆。我知道我会使用二维数组来获得我想要的位置，但我不明白椭圆本身是如何绘制到现有面板上的，因为我使用了 paint(Graphics g) 来绘制游戏板。

如果您需要，这里是绘制板本身的代码：

class MyBoard extends JPanel {
    private static int height = 6;
    private static int width = 7;
    private static int squareSize = 100;
    private int board[][] = new int[height][width];

    public void paint(Graphics g) {
        for (int i = 0; i < height; i++) {
            for (int j = 0; j < width; j++) {
                g.drawRect(j * squareSize, i * squareSize, squareSize, squareSize);
            }
        }
    }
}

谢谢！

Answer 1

您应该记住的前两件事：永远不要覆盖 paint 但 paintComponent 并在其中调用 super.paintComponent 以便边框和一切都按预期工作。至于为什么会这样，参考这个问题：Difference between paint() and paintcomponent()?

现在回答你的问题。假设您有一个现有的逻辑来确定要在哪个正方形中绘制椭圆（假设您有两个 Integers elX 和 elY，它们是正方形的列和行）你自己画完板子就可以直接去画了。

想象一下这样的示例代码：

@Override
public void paintComponent(Graphics g)
{
    super.paintComponent(g);

    // Draw the board
    for (int i = 0; i < height; i++)
    {
        for (int j = 0; j < width; j++)
        {
            g.drawRect(j * squareSize, i * squareSize, squareSize, squareSize);
        }
    }

    // Draw the ellipse at the correct location using half the size of a normal square.
    g.drawOval(elX * squareSize + squareSize / 4, elY * squareSize + squareSize / 4, squareSize / 2 , squareSize / 2);
}

现在是如何实际确定在何处绘制椭圆的最后一部分。一个简单的解决方案是将 MouseListener 添加到您的面板。然后在 mouseClicked 方法中计算实际点击的位置。

可能看起来像这样：

this.addMouseListener(new MouseListener()
{

    @Override
    public void mouseClicked(MouseEvent e)
    {
        int column = e.getX() / squareSize;
        int row = e.getY() / squareSize;

        board[column][row] = 1;
    }

    [...] // add the other methods to override

}

然后你稍微调整你的 paintComponent 方法，像这样：

for (int column = 0; column < width; ++column)
{
    for (int row = 0; row < height; ++row)
    {
        if (board[column][row] == 1)
        {
            g.drawOval(column * squareSize + squareSize / 4, row * squareSize + squareSize / 4, squareSize / 2, squareSize / 2);
        }
    }
}

现在你在点击的地方画了一个椭圆。您还可以检查单击的方块是否已将 1 设置为值并将其重置为 0 以具有某种切换机制或增加它并根据整数值绘制不同的东西......这就是全部由你决定:)

在已经使用 paint 方法的 JPanel 上绘制形状

Drawing a shape on a JPanel which already uses the paint method

java

graphics

jpanel

paint

ellipse