Java蛇游戏开发：如何在JPanel的GridLayout中添加可交互方块？

核心问题 #

1. 组件数量过载：你创建了800×1000=800000个Node组件，远超UI组件渲染的合理上限，直接导致窗口无法加载。
2. GridLayout参数错误：窗口宽1000、高800，却设置了800行1000列的布局，每个组件会被压缩到几乎不可见，且布局计算量爆炸。
3. Node绘制逻辑错误：每个Node在GridLayout中拥有独立的局部坐标系，你用全局行列号作为绘制坐标，导致方块完全超出组件可视范围。

修复步骤 #

1. 调整网格规模与布局参数 #

先确定合理的网格数量，比如蛇游戏常用的20×25网格（对应窗口800×1000，每个方块40×40），修改Board类：

package snakegame;

import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import javax.swing.*;

public class Board {
    JFrame window;
    JPanel panel;
    protected final Node[][] nodes = new Node[20][25]; // 20行25列，匹配窗口尺寸
    protected static int WINDOW_WIDTH = 1000;
    protected static int WINDOW_HEIGHT = 800;

    public Board(){
        initBoard();
    }

    private void initPanel(){
        panel = new JPanel();
        panel.setBackground(Color.BLACK);
        panel.setLayout(new GridLayout(20,25)); // 行列数与网格数组匹配
        initNodes();
        window.getContentPane().add(panel);
    }

    private void initNodes(){
        for(int row = 0; row < nodes.length; row++){
            for(int col = 0; col < nodes[row].length; col++){
                nodes[row][col] = new Node();
                panel.add(nodes[row][col]);
            }
        }
    }

    private void initBoard(){
        window = new JFrame();
        window.setTitle("JSnake!");
        window.setResizable(false);
        window.setLocationRelativeTo(null);
        window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        initPanel();

        window.pack(); // 自动根据组件尺寸计算窗口大小
        window.setVisible(true);
    }
}

2. 修复Node的绘制与交互逻辑 #

每个Node作为GridLayout的单元格，需在自身局部坐标系绘制方块，并设置固定大小，同时添加交互监听：

package snakegame;

import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import javax.swing.JPanel;

public class Node extends JPanel {
    private static final int BLOCK_SIZE = 40; // 每个方块的固定尺寸

    public Node() {
        setPreferredSize(new Dimension(BLOCK_SIZE, BLOCK_SIZE)); // 指定组件大小
        setBackground(Color.BLACK); // 与面板背景一致，消除缝隙
        // 添加鼠标点击交互
        addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                // 示例：点击后切换填充色
                setBackground(getBackground() == Color.BLACK ? Color.RED : Color.BLACK);
                repaint();
            }
        });
    }

    @Override
    public void paintComponent(Graphics g){
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;
        // 在组件内部从(0,0)开始绘制
        g2.setColor(Color.WHITE);
        g2.drawRect(0, 0, BLOCK_SIZE-1, BLOCK_SIZE-1); // 减1避免边框超出组件
        g2.setColor(Color.DARK_GRAY);
        g2.fillRect(0, 0, BLOCK_SIZE-1, BLOCK_SIZE-1);
    }
}

内容的提问来源于stack exchange，提问作者Cr3