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