嘗試根據選擇的RadioButton更改網格大小-JavaSwingGUI-SOS棋盤游戲

該專案圍繞著一款名為 SOS 的 TicTacToe 變體游戲展開。要求之一是游戲網格需要有兩個大小選項。較小的網格為 5x5，較大的網格為 8x8。

我的目標是根據選擇的單選按鈕更改網格大小。在下面的代碼中，我有一個注釋掉的方法來更改 GRID_SIZE 變數，基于選擇了哪個單選按鈕。但它在目前的位置不起作用，我正在努力想出解決方案。我認為我將遇到的與網格大小更改相關的另一個問題是，我不相信我現在創建網格的方式會允許它在按下單選按鈕時實時更改。

我需要跟蹤網格的每個單元格中播放的內容（玩家是放置 S 還是 O）所以我的想法是也許有更好的方法來為 GUI 和作為所出招式的存盤方法。

這個專案是我的第一個java專案，也是這個深度的第一個GUI專案。這也是我最后一門畢業的主要專案，所以我很認真地對待這個問題，并且真的可以使用幫助。我知道我的代碼可能不是很好，我是來改進的，所以歡迎任何幫助。

package practice;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;


@SuppressWarnings({ "serial", "unused"})
public class SOS_GUI extends JFrame {

    public int GRID_SIZE = 8;

    public Grid grid; 


    public SOS_GUI() {
    
        GameBoard();
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        pack(); 
        setTitle("SOS Practice");
        this.setLocationRelativeTo(null);
        setVisible(true);  
    }


    public void GameBoard(){
    
        // CONTENT PANE FOR HOLDING ALL GUI COMPONENTS
        Container ContentPane = getContentPane();
    
        // PANEL FOR GAME GRID
        JPanel gameBoardCanvas = new JPanel();  
        gameBoardCanvas.setLayout(new GridLayout(GRID_SIZE, GRID_SIZE));
        for (int x = 0; x < GRID_SIZE; x  ) {
            for (int y = 0; y < GRID_SIZE; y  ) {
                final Grid cell = new Grid(x, y);
                gameBoardCanvas.add(cell);
            }
        }
    
    
        // FOUR PANELS SURROUNDING GAME GRID
        JPanel TopPanel = new JPanel();
        JPanel BottomPanel = new JPanel();
        JPanel LeftPanel = new JPanel();
        JPanel RightPanel = new JPanel();
    
        JLabel SpacerLabel = new JLabel("  ||   ");
    
        // GAME MODE OOPTIONS - SIMPLE OR GENERAL
        JLabel GameModeLabel = new JLabel("Game Mode :");
        JRadioButton SimpleGameButton = new JRadioButton("Simple", true);
        JRadioButton GeneralGameButton = new JRadioButton("General");
        ButtonGroup GameModeButtons = new ButtonGroup();
        GameModeButtons.add(SimpleGameButton);
        GameModeButtons.add(GeneralGameButton);
    
        // BOARD SIZE BUTTONS - SMALL(5X5) OR LARGE(8X8)
        JLabel SizeOptionLabel = new JLabel("Board Size :");
        JRadioButton SmallGridButton = new JRadioButton("Small", true);
        JRadioButton LargeGridButton = new JRadioButton("Large");
        ButtonGroup GridSizeButtons = new ButtonGroup();
        GridSizeButtons.add(SmallGridButton);
        GridSizeButtons.add(LargeGridButton);
    
        // PLAY LETTER SETTINGS
        JRadioButton PlayS_Button = new JRadioButton("S", true);
        JRadioButton PlayO_Button = new JRadioButton("O");
        ButtonGroup PlayLetterButtons = new ButtonGroup();
        PlayLetterButtons.add(PlayS_Button);
        PlayLetterButtons.add(PlayO_Button);
    
        //  BLUE PLAYER SETTINGS
        JLabel BluePlayerLabel = new JLabel("Blue Player");
        JRadioButton BlueHumanButton = new JRadioButton("Human", true);
        JRadioButton BlueComputerButton = new JRadioButton("Computer");
        ButtonGroup BluePlayerButtons = new ButtonGroup();
        BluePlayerButtons.add(BlueHumanButton);
        BluePlayerButtons.add(BlueComputerButton);
        
        // RED PLAYER SETTINGS
        JLabel RedPlayerLabel = new JLabel("Red Player");
        JRadioButton RedHumanButton = new JRadioButton("Human");
        JRadioButton RedComputerButton = new JRadioButton("Computer", true);
        ButtonGroup RedPlayerButtons = new ButtonGroup();
        RedPlayerButtons.add(RedHumanButton);
        RedPlayerButtons.add(RedComputerButton);
    
    
        // ADDING COMPONENTS TO TOP PANEL
        TopPanel.add(GameModeLabel);
        TopPanel.add(SimpleGameButton);
        TopPanel.add(GeneralGameButton);
        TopPanel.add(SpacerLabel);
        TopPanel.add(SizeOptionLabel);
        TopPanel.add(SmallGridButton);
        TopPanel.add(LargeGridButton);
    
        // ADDING COMPONENTS TO BOTTOM PANEL
        BottomPanel.add(PlayS_Button);
        BottomPanel.add(PlayO_Button);
    
        // ADDING COMPONENTS TO LEFT PANEL
        LeftPanel.add(BluePlayerLabel);
        LeftPanel.add(BlueHumanButton);
        LeftPanel.add(BlueComputerButton);
    
        // ADDING COMPONENTS TO RIGHT PANEL
        RightPanel.add(RedPlayerLabel);
        RightPanel.add(RedHumanButton);
        RightPanel.add(RedComputerButton);
    
        // ADDING PANELS TO CONTENT PANE
        ContentPane.setLayout(new BorderLayout());
        ContentPane.add(TopPanel, BorderLayout.NORTH);
        ContentPane.add(BottomPanel, BorderLayout.SOUTH);
        ContentPane.add(LeftPanel, BorderLayout.WEST);
        ContentPane.add(RightPanel, BorderLayout.EAST);
        ContentPane.add(gameBoardCanvas, BorderLayout.CENTER);
        TopPanel.setPreferredSize(new Dimension(50, 50));
        BottomPanel.setPreferredSize(new Dimension(50, 50));
        LeftPanel.setPreferredSize(new Dimension(100, 100));
        RightPanel.setPreferredSize(new Dimension(100, 100));
        ContentPane.setPreferredSize(new Dimension(550, 500));
    }


    // CLASS SETTING UP HOW THE GRID WILL BE CREATED
    class Grid extends JPanel {
        public static final int CELL_SIZE = 1;
        private int xPos;
        private int yPos;
        public JLabel gridLabel;

        public Grid (int x, int y) {
            xPos = x;
            yPos = y;
            gridLabel = new JLabel("");
            gridLabel.setFont(new Font("Serif", Font.BOLD, 40));
            add(gridLabel);
            setOpaque(true);
            setLayout(new FlowLayout());
            setBorder(BorderFactory.createBevelBorder(CELL_SIZE));
            setBackground(new Color(200, 200, 200));
            setPreferredSize(new Dimension(CELL_SIZE, CELL_SIZE));
        }
    }



    /* POSSIBLE FUNCTION TO SET GRID_SIZE BASED OFF RADIO BUTTON INPUT? DOESNT WORK HERE
    public getGridSize() {
        if (GameBoard().SmallGridButton.isSelected() == true) {
            GRID_SIZE = 5;
        }
        else if (GameBoard().LargeGridButton.isSelected() == true) {
            GRID_SIZE = 8;
        }
        return GRID_SIZE;
    }
    */


    public static void main(String[] args) {
        new SOS_GUI(); 
    }

} 

較小的 5x5 網格 的螢屏截圖 較大的 8x8 網格的螢屏截圖

uj5u.com熱心網友回復：

同樣，我建議如果您想使用組件作為網格單元，您可以使用 CardLayout 交換視圖 (JPanels)，或者在按下 JRadioButton 時交換網格單元。

我建議：

• 將 ActionListener 添加到 JRadioButton 以在按下時收到通知。
• 如果您要交換組件，則創建一個 JPanel 來保存網格單元，例如稱為 gridHolder，并在按下按鈕時移除所有組件。
• 然后向這個 JPanel 添加一個新的 GridLayout 布局管理器，并根據按下 JRadioButton 的位置設定約束。
• 然后將網格單元組件重新添加到這個持有者 JPanel
• 然后在 GUI 中轉發所有組件并通過呼叫pack()頂級視窗（此處為 JFrame）來調整其大小。
• 在下面的示例中，我使用 JLabels 來保存網格單元，因為向這些單元添加文本很簡單。
• 我使用該方法存盤每個網格單元格的行和列，.putClientProperty(...)同樣可以使用該方法檢索值.getClientProperty(...)。
• 我createGrid(...)在建構式中呼叫以創建具有默認小尺寸的網格。
• 每當按下 JRadioButton 時，我都會呼叫相同的方法。

例如：

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.GridLayout;
import java.awt.Window;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;

import javax.swing.*;
import javax.swing.border.BevelBorder;

@SuppressWarnings("serial")
public class SosGrid2 extends JPanel {
    private static final int SMALL_SIZE = 5;
    private static final int LARGE_SIZE = 8;
    private static final String[] SIZES = { "Small", "Large" };
    private static final Dimension CELL_SIZE = new Dimension(60, 60);
    private static final Color GRID_BG = new Color(200, 200, 200);
    private static final String ROW = "row";
    private static final String COL = "col";
    private JPanel gridHolder = new JPanel();
    private ButtonGroup gridSizeGroup = new ButtonGroup();

    public SosGrid2() {
        JPanel radioButtonPanel = new JPanel();

        for (String size : SIZES) {
            JRadioButton radioButton = new JRadioButton(size);
            radioButton.setSelected(size.equals(SIZES[0]));
            radioButton.setActionCommand(size);
            gridSizeGroup.add(radioButton);
            radioButtonPanel.add(radioButton);
            radioButton.addActionListener(e -> radioListener());
        }

        createGrid(SMALL_SIZE);

        setLayout(new BorderLayout());
        add(gridHolder);
        add(radioButtonPanel, BorderLayout.PAGE_END);
    }

    private void createGrid(int gridSize) {
        gridHolder.removeAll();
        gridHolder.setLayout(new GridLayout(gridSize, gridSize));
        for (int row = 0; row < gridSize; row  ) {
            for (int col = 0; col < gridSize; col  ) {
                JLabel gridCell = createGridCell(row, col);
                gridHolder.add(gridCell);
            }
        }
    }
    
    // factory method to create grid cell JLabels.
    private JLabel createGridCell(int row, int col) {
        JLabel label = new JLabel("", SwingConstants.CENTER);
        label.setFont(label.getFont().deriveFont(Font.BOLD, 32f));
        label.setOpaque(true);
        label.setBackground(GRID_BG);
        label.setBorder(BorderFactory.createBevelBorder(BevelBorder.LOWERED));
        label.setPreferredSize(CELL_SIZE);
        label.putClientProperty(ROW, row);
        label.putClientProperty(COL, col);
        label.addMouseListener(new MyMouseListener());
        
        return label; 
    }
    
    private class MyMouseListener extends MouseAdapter {
        @Override
        public void mousePressed(MouseEvent e) {
            JLabel gridCell = (JLabel) e.getSource();
            int row = (int) gridCell.getClientProperty(ROW);
            int col = (int) gridCell.getClientProperty(COL);
            String message = String.format("Row: %d, Col: %d", row, col);
            String title = "Cell Pressed";
            int type = JOptionPane.PLAIN_MESSAGE;
            JOptionPane.showMessageDialog(SosGrid2.this, message, title, type);
            
            String text = gridCell.getText();
            if (text.isEmpty()) {
                gridCell.setText("X");
            } else {
                gridCell.setText("");
            }
        }
    }

    private void radioListener() {
        ButtonModel btnModel = gridSizeGroup.getSelection();
        if (btnModel != null) {
            int gridSize = btnModel.getActionCommand().equals(SIZES[0]) ? SMALL_SIZE : LARGE_SIZE;
            createGrid(gridSize);
            Window jframe = SwingUtilities.getWindowAncestor(this);
            jframe.pack();
            jframe.setLocationRelativeTo(null);
        }
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            SosGrid2 mainPanel = new SosGrid2();

            JFrame frame = new JFrame("GUI");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.add(mainPanel);
            frame.pack();
            frame.setLocationRelativeTo(null);
            frame.setVisible(true);
        });
    }
}

標籤：爪哇 摇摆 用户界面 网格 卡片布局

上一篇：如何在框架Swing中居中標簽？

下一篇：使用d3.selectAll()按索引選擇多個dom元素