游戏循环和按钮的 Java 图形问题答案

【问题标题】：Java graphical issues with game loop and button游戏循环和按钮的 Java 图形问题
【发布时间】：2020-03-13 08:58:54
【问题描述】：

我正在制作一个包含游戏面板的游戏，游戏循环在其中绘制游戏。它还包含一个面板，其中包含一个用于启动游戏循环的按钮。游戏面板的背景只能在游戏开始时绘制一次。这是因为游戏图形不应该在每次重绘时被删除。我遇到了两个问题，最初没有绘制背景，并且开始循环的按钮被绘制在游戏面板上。

我试图将问题简化为最简单的形式，这就是我所拥有的：

public class Graphics_Trouble extends JFrame
{
    private MainPanel mainPanel = new MainPanel();
    private JPanel menuPanel = new JPanel();
    private JButton start = new JButton("Start");

    public Graphics_Trouble()
    {
        start.addActionListener(new java.awt.event.ActionListener()
        {
            @Override
            public void actionPerformed(java.awt.event.ActionEvent evt)
            {
                StartActionPerformed(evt);
            }
        });
        menuPanel.add(start);
        add(menuPanel, BorderLayout.PAGE_START);
        add(mainPanel, BorderLayout.CENTER);
        pack();
        setVisible(true);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
    private void StartActionPerformed(java.awt.event.ActionEvent evt)
    {
        mainPanel.start();
    }
    public static void main(String[] args)
    {
        java.awt.EventQueue.invokeLater(new Runnable()
        {
            @Override
            public void run()
            {
                new Graphics_Trouble().setVisible(true);
            }
        });
    }
}
class MainPanel extends JPanel
{
    private Timer timer;
    private boolean first = true;
    public MainPanel()
    {
        timer = new Timer(30, new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                timedAction();
            }
        });
    }
    @Override
    public Dimension getPreferredSize()
    {
        Dimension size = new Dimension(300, 400);
        return size;
    }
    @Override
    public void paintComponent(Graphics g)
    {
        if(first)
        {
            g.setColor(Color.black);
            g.fillRect(0, 0, 300, 400);
        }
        first = false;
    }
    public void timedAction()
    {
        repaint();
    }
    public void start()
    {
        timer.start();
    }
}

运行时，这会产生带有“开始”按钮但没有颜色的框架，当按下“开始”按钮时，按钮会被绘制到另一个面板上，这是我不打算的。

谢谢

【问题讨论】：

请包含所有导入，以便更轻松地将代码复制并粘贴到我们的编译器中以查看代码结果。
"...the button to start the loop gets drawn on the game panel" -- 立即向我建议您没有在您的paintComponent 覆盖中调用super.paintComponent(g);。不要犯这个错误——调用方法。
另外，我不建议你只画一次背景。尝试不断地在最后一帧上绘画；本质上，每次你都在所有东西上画一个背景，然后画各个部分等等。

标签： java swing graphics

【解决方案1】：

你画错了

您必须每次都绘制背景，而不是只在第一次绘制背景
因此创建一个 BufferedImage，将背景绘制到图像中（一次），然后在paintComponent 中绘制图像
始终在您自己的覆盖方法中首先调用 super.paintComopnent(g);，否则您会看到像现在看到的按钮图像等伪像。
确保您的 Timer 的侦听器比当前“更智能”。对象的状态应该从 Timer 而不是绘画方法改变。绘画方法应该只反映对象的状态，而不是改变它。

还有：

不要将相同的组件两次添加到 GUI。只添加一次。
如果背景图像只是将背景绘制成统一的颜色 -- 以填充 JPanel，那么只需在 JPanel 的构造函数中调用 setBackground(Color.BLACK);

例如，

@SuppressWarnings("serial")
public class MainPanel2 extends JPanel {
    private static final int PREF_W = 300;
    private static final int PREF_H = 400;
    private static final Color RECT_COLOR = Color.BLACK;
    private static final Color COLOR1 = Color.pink;
    private static final Color COLOR2 = new Color(158, 185, 212);
    private BufferedImage background;

    public MainPanel2() {
        background = new BufferedImage(PREF_W, PREF_H, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2 = background.createGraphics();
        g2.setPaint(new GradientPaint(0, 0, COLOR1, 20, 20, COLOR2, true));
        g2.fillRect(0, 0, PREF_W, PREF_H);
        g2.dispose();
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        if (background != null) {
            g.drawImage(background, 0, 0, this);
        }

        // do your other drawing here
    }

    @Override
    public Dimension getPreferredSize() {
        if (isPreferredSizeSet()) {
            return super.getPreferredSize();
        }
        return new Dimension(PREF_W, PREF_H);
    }

    // timer code

}

【讨论】：