Java 中的井字形图形用户界面 Tic Tac Toe GUI

Rupam Yadav 2022年5月1日
Java 中的井字形图形用户界面 Tic Tac Toe GUI

Tic Tac Toe 是一种流行的游戏,通常使用 3×3 的网格进行游戏,在其上绘制 X 和 O 等符号。在下面的示例中,我们将实现游戏的逻辑并创建一个 GUI 来玩游戏。

在 Java 中创建井字游戏 GUI

我们收集了创建井字游戏的 GUI 表示所需的东西。首先,我们需要一个包含三乘三网格的窗口。

在下面的示例中,我们创建一个类并扩展 JPanel 以将其添加到 main() 函数中的 JFrame。我们创建了一些将在游戏逻辑中使用的类实例。

第一个变量是 playerSign,它指定玩游戏时的当前符号(X 或 O);第二个变量 totalCells 是网格中的单元格总数。然后我们有要使用的行数和列数。

对于网格中的每个单元格,我们需要一个按钮来单击并执行我们的回合,因此我们创建了一个大小为 totalCellsJButton 数组。

在初始化部分之后,在类的构造函数中,我们创建一个 GridLayout 对象并传递 totalRowstotalColumns 值。现在我们通过调用 setLayout() 函数并在其中传递 GridLayout 对象来设置 JPanel 的布局。

由于网格中有九个单元格,我们需要管理九个按钮;这就是为什么我们创建一个函数 createButtons(),然后在函数内部,我们创建一个循环遍历数组中的每个按钮。

在循环中,我们创建一个单独的 JButton 对象,该对象在 jButtons 数组的每次迭代中初始化。接下来,我们将按钮的初始状态或文本符号设置为显示一个空字符串。

我们使用 addActionListener 来监听每个按钮的点击动作。我们使用 e.getSource() 获得点击按钮,并将当前 playerSign 设置为其在侦听器中的文本。

我们将按钮状态设置为禁用以防止双转。我们每次都必须改变玩家的标志,所以我们使用一个条件来改变 playerSign

要检查获胜者,我们需要创建三个方法;第一个方法 checkAllRows() 包含一个循环,该循环遍历每一行并检查每个按钮的文本。checkAllColumns() 也是如此,它检查循环中每一列的文本。

我们还使用 checkTheDiagonals() 函数检查对角线,该函数对角检查网格中的文本。在 checkForWinner() 方法中,我们检查条件,如果三个方法中的任何一个的结果为真,那么我们返回真作为结果。

现在在 showWinner() 函数中,我们检查 checkForWinner() 函数的结果。我们使用 JOptionPane 显示一个弹出窗口,如果 checkForWinner() 的结果为假,我们使用 checkIfMatchDraw() 方法检查它是否是平局。

import java.awt.GridLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JPanel;


public class JavaExample extends JPanel {

    char playerSign = 'x';
    int totalCells = 9;
    int totalRows = 3;
    int totalColumns = 3;
    JButton[] jButtons = new JButton[totalCells];

    public JavaExample() {
        GridLayout ticTacToeGridLayout = new GridLayout(totalRows, totalColumns);
        setLayout(ticTacToeGridLayout);

        createButtons();

    }

    public void createButtons() {
        for (int i = 0; i <= 8; i++) {

            jButtons[i] = new JButton();

            jButtons[i].setText("");

            jButtons[i].addActionListener(e -> {

                JButton clickedBtn = (JButton) e.getSource();
                clickedBtn.setText(String.valueOf(playerSign));
                clickedBtn.setEnabled(false);


                if (playerSign == 'x')
                    playerSign = 'o';
                else
                    playerSign = 'x';

                showWinner();
            });

            add(jButtons[i]);
        }
    }


    public void showWinner() {

        if (checkForWinner()) {

            if (playerSign == 'x') playerSign = 'o';
            else playerSign = 'x';

            JOptionPane jOptionPane = new JOptionPane();
            int dialog = JOptionPane.showConfirmDialog(jOptionPane, "Game Over. " + "The winner is " + playerSign + " ", "Result",
                    JOptionPane.DEFAULT_OPTION);

            if (dialog == JOptionPane.OK_OPTION)
                System.exit(0);


        } else if (checkIfMatchDraw()) {
            JOptionPane jOptionPane = new JOptionPane();
            int dialog = JOptionPane.showConfirmDialog(jOptionPane, "Game Draw", "Result", JOptionPane.DEFAULT_OPTION);

            if (dialog == JOptionPane.OK_OPTION)
                System.exit(0);
        }
    }


    public boolean checkIfMatchDraw() {
        boolean gridsFull = true;
        for (int i = 0; i < totalCells; i++) {
            if (jButtons[i].getText().equals("")) {
                gridsFull = false;
            }
        }
        return gridsFull;
    }

    public boolean checkForWinner() {
        return checkAllRows() || checkAllColumns() || checkTheDiagonals();
    }

    public boolean checkAllRows() {
        int i = 0;
        for (int j = 0; j < 3; j++) {
            if (jButtons[i].getText().equals(jButtons[i + 1].getText()) && jButtons[i].getText().equals(jButtons[i + 2].getText())
                    && !jButtons[i].getText().equals("")) {
                return true;
            }
            i = i + 3;

        }
        return false;
    }


    public boolean checkAllColumns() {

        int i = 0;
        for (int j = 0; j < 3; j++) {

            if (jButtons[i].getText().equals(jButtons[i + 3].getText()) && jButtons[i].getText().equals(jButtons[i + 6].getText())
                    && !jButtons[i].getText().equals("")) {
                return true;
            }
            i++;
        }
        return false;
    }

    public boolean checkTheDiagonals() {
        if (jButtons[0].getText().equals(jButtons[4].getText()) && jButtons[0].getText().equals(jButtons[8].getText())
                && !jButtons[0].getText().equals(""))
            return true;
        else
            return jButtons[2].getText().equals(jButtons[4].getText()) && jButtons[2].getText().equals(jButtons[6].getText())
                    && !jButtons[2].getText().equals("");
    }


    public static void main(String[] args) {
        JFrame jFrame = new JFrame("Tic Tac Toe Game");

        jFrame.getContentPane().add(new JavaExample());
        jFrame.setBounds(500, 500, 600, 550);
        jFrame.setVisible(true);
        jFrame.setLocationRelativeTo(null);
    }

}

输出:

Java 井字游戏图形用户界面

Author: Rupam Yadav
Rupam Yadav avatar Rupam Yadav avatar

Rupam Saini is an android developer, who also works sometimes as a web developer., He likes to read books and write about various things.

LinkedIn

相关文章 - Java GUI