Java 中的井字形圖形使用者介面 Tic Tac Toe GUI

Rupam Yadav 2024年2月15日
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 井字遊戲圖形使用者介面

作者: 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