当前位置：首页 > 后端开发 > 正文

Java五子棋界面绘制技巧与步骤详解？如何实现棋盘与棋子布局？

admin
后端开发
2025-09-18
8

在Java中绘制五子棋的界面可以通过多种图形用户界面（GUI）库实现，如Swing或JavaFX，以下是一个使用Swing库绘制五子棋界面的基本步骤和代码示例。

五子棋界面绘制步骤

创建窗口框架：
使用JFrame创建一个窗口框架，这是所有Swing组件的基础。
添加棋盘网格：
使用JPanel创建一个自定义面板，用于绘制棋盘和棋子。
绘制棋盘：
在自定义面板中，使用Graphics类绘制网格线。
添加棋子：
在用户点击棋盘时，使用Graphics类绘制棋子。
添加按钮和其他组件：
如果需要，可以添加开始、重置等按钮。

代码示例

以下是一个简单的五子棋界面绘制示例：

import javax.swing.*; import java.awt.*; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; public class GomokuBoard extends JPanel { private static final int GRID_SIZE = 15; // 棋盘大小 private static final int GRID_WIDTH = 40; // 网格宽度 private static final int GRID_HEIGHT = 40; // 网格高度 private static final Color GRID_COLOR = Color.LIGHT_GRAY; private static final Color CROSS_COLOR = Color.BLACK; private static final Color EMPTY_COLOR = Color.WHITE; private static final int CROSS_SIZE = 20; // 棋子大小 private int x, y; // 上一次点击的坐标 private boolean isCrossTurn; // 轮到谁下棋 public GomokuBoard() { this.addMouseListener(new MouseAdapter() { @Override public void mouseClicked(MouseEvent e) { int mouseX = e.getX(); int mouseY = e.getY(); x = (mouseX CROSS_SIZE / 2) / GRID_WIDTH * GRID_WIDTH + CROSS_SIZE / 2; y = (mouseY CROSS_SIZE / 2) / GRID_HEIGHT * GRID_HEIGHT + CROSS_SIZE / 2; if (isCrossTurn) { drawCross(x, y); } else { drawCircle(x, y); } isCrossTurn = !isCrossTurn; repaint(); } }); } @Override protected void paintComponent(Graphics g) { super.paintComponent(g); drawGrid(g); } private void drawGrid(Graphics g) { for (int i = 0; i <= GRID_SIZE; i++) { g.drawLine(i * GRID_WIDTH, 0, i * GRID_WIDTH, GRID_SIZE * GRID_HEIGHT); g.drawLine(0, i * GRID_HEIGHT, GRID_SIZE * GRID_WIDTH, i * GRID_HEIGHT); } } private void drawCross(int x, int y) { g.setColor(CROSS_COLOR); g.drawLine(x CROSS_SIZE / 2, y CROSS_SIZE / 2, x + CROSS_SIZE / 2, y + CROSS_SIZE / 2); g.drawLine(x CROSS_SIZE / 2, y + CROSS_SIZE / 2, x + CROSS_SIZE / 2, y CROSS_SIZE / 2); } private void drawCircle(int x, int y) { g.setColor(CROSS_COLOR); g.fillOval(x CROSS_SIZE / 2, y CROSS_SIZE / 2, CROSS_SIZE, CROSS_SIZE); } public static void main(String[] args) { JFrame frame = new JFrame("五子棋"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setSize(500, 500); frame.add(new GomokuBoard()); frame.setVisible(true); } }