Создание шахматной доски с JPanel

У меня простая шахматная доска в JPanel с GridLayout(8,8) как менеджер макетов.

Я пытаюсь добавить панели для имени столбца полей и номера строки.

Сейчас я создал другую панель с BorderLayout в качестве менеджера макета, и на этой панели я добавляю плату в BorderLayout.CENTER. Рядом с доской я добавил панели с GridLayout(0,8) в BorderLayout.SOUTH и панель с GridLayout(8,0) в BorderLayout.WEST. Номера строк отлично расположены рядом с доской, потому что количество строк в левом JPanel соответствует количеству строк на доске, но имена столбцов (A, B, C, D, E, F, G, H) в JPanel под доской не помещается правильно из-за JPanel в BorderLayout.WEST.

Что я могу сделать, чтобы создать шахматную доску с боковыми панелями, чтобы показать номера полей/имена?

Я пробовал настроить макет для южной панели на GridLayout(0,9), и первое поле пустое, но ширина левой панели не равна каждому полю на плате, поэтому это не является хорошим обходным решением.

ОТВЕТЫ

Ответ 1

Примечание

Графический интерфейс, увиденный здесь, был улучшен и перемещен в Создание надежного масштабируемого графического интерфейса Swing Chess.

Я оставлю анимированный GIF здесь (потому что он милый) и оригинальный, урезанный код (всего из 125 строк кода, последний код, видимый на другом потоке, - 218 LOC).

Chess Game Layout

import java.awt.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
import javax.swing.border.*;

public class ChessBoardWithColumnsAndRows {

    private final JPanel gui = new JPanel(new BorderLayout(3, 3));
    private JButton[][] chessBoardSquares = new JButton[8][8];
    private JPanel chessBoard;
    private final JLabel message = new JLabel(
            "Chess Champ is ready to play!");
    private static final String COLS = "ABCDEFGH";

    ChessBoardWithColumnsAndRows() {
        initializeGui();
    }

    public final void initializeGui() {
        // set up the main GUI
        gui.setBorder(new EmptyBorder(5, 5, 5, 5));
        JToolBar tools = new JToolBar();
        tools.setFloatable(false);
        gui.add(tools, BorderLayout.PAGE_START);
        tools.add(new JButton("New")); // TODO - add functionality!
        tools.add(new JButton("Save")); // TODO - add functionality!
        tools.add(new JButton("Restore")); // TODO - add functionality!
        tools.addSeparator();
        tools.add(new JButton("Resign")); // TODO - add functionality!
        tools.addSeparator();
        tools.add(message);

        gui.add(new JLabel("?"), BorderLayout.LINE_START);

        chessBoard = new JPanel(new GridLayout(0, 9));
        chessBoard.setBorder(new LineBorder(Color.BLACK));
        gui.add(chessBoard);

        // create the chess board squares
        Insets buttonMargin = new Insets(0,0,0,0);
        for (int ii = 0; ii < chessBoardSquares.length; ii++) {
            for (int jj = 0; jj < chessBoardSquares[ii].length; jj++) {
                JButton b = new JButton();
                b.setMargin(buttonMargin);
                // our chess pieces are 64x64 px in size, so we'll
                // 'fill this in' using a transparent icon..
                ImageIcon icon = new ImageIcon(
                        new BufferedImage(64, 64, BufferedImage.TYPE_INT_ARGB));
                b.setIcon(icon);
                if ((jj % 2 == 1 && ii % 2 == 1)
                        //) {
                        || (jj % 2 == 0 && ii % 2 == 0)) {
                    b.setBackground(Color.WHITE);
                } else {
                    b.setBackground(Color.BLACK);
                }
                chessBoardSquares[jj][ii] = b;
            }
        }

        //fill the chess board
        chessBoard.add(new JLabel(""));
        // fill the top row
        for (int ii = 0; ii < 8; ii++) {
            chessBoard.add(
                    new JLabel(COLS.substring(ii, ii + 1),
                    SwingConstants.CENTER));
        }
        // fill the black non-pawn piece row
        for (int ii = 0; ii < 8; ii++) {
            for (int jj = 0; jj < 8; jj++) {
                switch (jj) {
                    case 0:
                        chessBoard.add(new JLabel("" + (ii + 1),
                                SwingConstants.CENTER));
                    default:
                        chessBoard.add(chessBoardSquares[jj][ii]);
                }
            }
        }
    }

    public final JComponent getChessBoard() {
        return chessBoard;
    }

    public final JComponent getGui() {
        return gui;
    }

    public static void main(String[] args) {
        Runnable r = new Runnable() {

            @Override
            public void run() {
                ChessBoardWithColumnsAndRows cb =
                        new ChessBoardWithColumnsAndRows();

                JFrame f = new JFrame("ChessChamp");
                f.add(cb.getGui());
                f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                f.setLocationByPlatform(true);

                // ensures the frame is the minimum size it needs to be
                // in order display the components within it
                f.pack();
                // ensures the minimum size is enforced.
                f.setMinimumSize(f.getSize());
                f.setVisible(true);
            }
        };
        SwingUtilities.invokeLater(r);
    }
}

Примечания

  • Шахматная доска с колонками слева, а над ней - 9x9 GridLayout. Первая ячейка макета сетки - это метка без текста.
  • Чтобы упростить логику игры, мы поддерживаем отдельный 8x8 массив кнопок.
  • Чтобы использовать функциональность клавиатуры, мы используем кнопки для мест шахматной доски. Это также обеспечивает встроенную индикацию фокусировки. Удалите край кнопки, чтобы они уменьшались до размера значка. Добавьте кнопку ActionListener к кнопке, и она ответит на события клавиатуры и мыши.
  • Маленький ? в левой части GUI означает, что область "зарезервирована для будущего использования". Мы можем использовать его для отображения списков захваченных предметов, селектора для выбора предмета при продвижении пешек, статистики игр,...
  • Изображения в шахматной фигуре были получены из Пример изображений для кода и надписи Q & As, который в свою очередь был разработан из "Заполнить" символы Юникода в ярлыках.

    Использование изображений проще, тогда как заполнение символов Юникода является более универсальным, а также более легким. И.Е. для поддержки 4 разных цветов в 3 отдельных размерах трех разных стилей шахматной фигуры потребуется 36 отдельных листов спрайтов.