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