如何避免组件相互推 up/down

Question

我是 Java Swing 的新手，我想制作一个类似这样的 GUI：

我非常接近，但是有一个问题，JLabel 在网格设计上像这样向上推：

如何避免这种情况发生？我将网格放入一个 GridBagLayout 面板，将 JLabel 放入另一个 GridBag 面板（计划在这里也放置一个 JToolbar），然后将它们添加到主框架。

GridBagLayout tileLayout = new GridBagLayout();
GridBagConstraints tileLayoutConstraints = new GridBagConstraints();
JPanel tilePanel = new JPanel(tileLayout);
JPanel selectionPanel = new JPanel(tileLayout);
TileButton[][] tileAccessMatrix = new TileButton[4][4];

public BoardUILayer() {
    setSize(1920, 1080);
    buildBoardTiles();
    buildResourcePrompt();
    add(selectionPanel, BorderLayout.SOUTH);
    add(tilePanel, BorderLayout.CENTER);
}
private void buildBoardTiles() {
    for (int r = 0; r < tileAccessMatrix.length; r++) {
        for (int c = 0; c < tileAccessMatrix[r].length; c++) {
            TileButton temp = new TileButton(r, c);
            tileAccessMatrix[r][c] = temp;
            tileLayoutConstraints.ipadx = 115;
            tileLayoutConstraints.ipady = 115;
            tileLayoutConstraints.gridx = r;
            tileLayoutConstraints.gridy = c;
            temp.addActionListener(temp);
            tilePanel.add(temp, tileLayoutConstraints);
        }
    }
}

public void buildResourcePrompt() {
    final JLabel resourceTextLabel = new JLabel("What resource would you like?");
    tileLayoutConstraints.ipadx = 0;
    tileLayoutConstraints.ipady = 400;
    tileLayoutConstraints.gridx = 50;
    tileLayoutConstraints.gridy = 50;
    selectionPanel.add(resourceTextLabel, tileLayoutConstraints);
}

Answer 1

您可以使用 MigLayout 和多个 JPanel 来完成。 MigLayout 非常好用

首先，创建一个 JPanel 并将您的组件添加到该 JPanel。其次，创建另一个 JPanel 并将您的其他组件添加到该 JPanel。

MigLayout 有行和列。

new MigLayout("","[][][]"/*for ex: 3 columns*/,"[][]" /*for ex 2 rows*/)

this.add(aComponent, "cell 2 1" /*for ex: that component added to third column and second row.*/);

更多信息：http://www.miglayout.com/whitepaper.html

Answer 2

我根据您的绘图创建了一个 GUI。这是我用 Swing 创建的最复杂的 GUI 之一。挑战在于保持 JButton 大小不变。

也许 MigLayout 更适合你。

Oracle 有一个有用的教程，Creating a GUI With Swing。跳过 Netbeans 部分。

我创建了 11 个内部 JPanels 来构建这个 GUI。

JFrame
    main JPanel
        inner JPanel
            turnButton JPanel
                turn JPanel
                buttonGrid JPanel
        resource JPanel
            resourceLabel JPanel
            resourceButton JPanel
    manual JPanel
        outerEastButton JPanel
            eastButton JPanel

这是完整的可运行代码。

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Font;
import java.awt.GridLayout;

import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.SwingUtilities;

public class RandomGameView implements Runnable {

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new RandomGameView());
    }

    @Override
    public void run() {
        JFrame frame = new JFrame("Random Game");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        
        frame.add(createMainPanel(), BorderLayout.CENTER);
        frame.add(createManualPanel(), BorderLayout.EAST);
        
        frame.pack();
        frame.setLocationByPlatform(true);
        frame.setVisible(true);
    }
    
    private JPanel createMainPanel() {
        JPanel panel = new JPanel(new BorderLayout());
        
        JPanel upperPanel = createTurnButtonPanel();
        JPanel lowerPanel = createResourcePanel();
        JPanel innerPanel = createUpperPanel(upperPanel, lowerPanel);
        panel.add(innerPanel, BorderLayout.NORTH);
        panel.add(lowerPanel, BorderLayout.SOUTH);
        
        return panel;
    }

    private JPanel createUpperPanel(JPanel upperPanel, JPanel lowerPanel) {
        Dimension upperSize = upperPanel.getPreferredSize();
        Dimension lowerSize = lowerPanel.getPreferredSize();
        
        JPanel panel = new JPanel(new FlowLayout(FlowLayout.CENTER, 0, 0));
        int difference = lowerSize.width - upperSize.width;
        int left = difference / 2;
        int right = difference - left;
        panel.setBorder(BorderFactory.createEmptyBorder(0, left, 0, right));
        panel.add(upperPanel);
        
        return panel;
    }
    
    private JPanel createTurnButtonPanel() {
        JPanel panel = new JPanel(new BorderLayout());
        
        panel.add(createTurnPanel(), BorderLayout.NORTH);
        panel.add(createButtonGrid(), BorderLayout.SOUTH);
        
        return panel;
    }
    
    private JPanel createTurnPanel() {
        JPanel panel = new JPanel(new FlowLayout());
        panel.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
        
        Font font = panel.getFont().deriveFont(Font.BOLD, 36f);
        
        JLabel playerLabel = new JLabel("Player's Turn");
        playerLabel.setFont(font);
        panel.add(playerLabel);
        
        return panel;
    }
    
    private JPanel createButtonGrid() {
        JPanel panel = new JPanel(new GridLayout(0, 4, 2, 2));
        panel.setBorder(BorderFactory.createEmptyBorder(2, 2, 2, 2));
        
        JButton[] buttonArray = new JButton[16];
        Dimension buttonSize = new Dimension(100, 100);
        for (int index = 0; index < buttonArray.length; index++) {
            buttonArray[index] = new JButton("Empty");
            buttonArray[index].setPreferredSize(buttonSize);
            panel.add(buttonArray[index]);
        }
        
        return panel;
    }
    
    private JPanel createResourcePanel() {
        JPanel panel = new JPanel(new BorderLayout());
        
        panel.add(createResourceLabelPanel(), BorderLayout.NORTH);
        panel.add(createResourceButtonPanel(), BorderLayout.CENTER);
        
        return panel;
    }
    
    private JPanel createResourceLabelPanel() {
        JPanel panel = new JPanel(new FlowLayout());
        panel.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
        
        Font font = panel.getFont().deriveFont(Font.BOLD, 36f);
        
        JLabel label = new JLabel("Select a Resource");
        label.setFont(font);
        panel.add(label);
        
        return panel;
    }
    
    private JPanel createResourceButtonPanel() {
        JPanel panel = new JPanel(new FlowLayout(FlowLayout.CENTER, 30, 5));
        panel.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
        
        JButton[] resourceButton = new JButton[5];
        Dimension buttonSize = new Dimension(100, 100);
        for (int index = 0; index < resourceButton.length; index++) {
            resourceButton[index] = new JButton("Empty");
            resourceButton[index].setPreferredSize(buttonSize);
            panel.add(resourceButton[index]);
        }
        
        return panel;
    }
    
    private JPanel createManualPanel() {
        JPanel panel = new JPanel(new BorderLayout());
        panel.setBorder(BorderFactory.createEmptyBorder(10, 20, 300, 20));
        
        Font font = panel.getFont().deriveFont(Font.BOLD, 36f);
        
        JLabel label = new JLabel("Manual");
        label.setHorizontalAlignment(JLabel.CENTER);
        label.setFont(font);
        panel.add(label, BorderLayout.NORTH);
        
        JTextArea textArea = new JTextArea(5, 20);
        panel.add(textArea, BorderLayout.CENTER);
        
        JPanel eastButtonPanel = createEastButtonPanel();
        JPanel innerPanel = createOuterEastButtonPanel(textArea, eastButtonPanel);
        
        panel.add(innerPanel, BorderLayout.SOUTH);
        
        return panel;
    }

    private JPanel createOuterEastButtonPanel(JTextArea textArea, 
            JPanel eastButtonPanel) {
        Dimension eastButtonPanelSize = eastButtonPanel.getPreferredSize();
        Dimension textAreaSize = textArea.getPreferredSize();
        
        int difference = textAreaSize.width = eastButtonPanelSize.width;
        int left = difference / 2;
        int right = difference - left;
        
        JPanel panel = new JPanel(new FlowLayout(FlowLayout.CENTER, 0, 0));
        panel.setBorder(BorderFactory.createEmptyBorder(0, left, 0, right));
        panel.add(eastButtonPanel);
        
        return panel;
    }
    
    private JPanel createEastButtonPanel() {
        JPanel panel = new JPanel(new GridLayout(0, 2, 2, 2));
        panel.setBorder(BorderFactory.createEmptyBorder(2, 2, 2, 2));
        
        JButton[] resourceButton = new JButton[4];
        Dimension buttonSize = new Dimension(50, 50);
        for (int index = 0; index < resourceButton.length; index++) {
            resourceButton[index] = new JButton();
            resourceButton[index].setPreferredSize(buttonSize);
            panel.add(resourceButton[index]);
        }
        
        return panel;
    }

}

如何避免组件相互推 up/down

How to avoid components pushing up/down on one another

java

swing

layout-manager

gridbaglayout