网格袋布局挣扎

Question

我试图在Java Swing中创建以下GUI。经过一番研究后，我发现Grid Bag Layout是最灵活，最“经验”的经理。问题是我有一些挣扎，无法弄明白。

这是我想要创建的布局：

这很简单，但这就是我想要的。我想开始简单。

我从标题开始，只是第一个按钮，但这是发生的事情：

标题很好，但按钮一直伸展开来。当然，这是因为：gc.fill = GridBagConstraints.HORIZONTAL，但它想要它，但不是所有的方式。可能是帧的1/6。

无论如何，这是我的代码：

public class MainFrame extends JFrame {

    private XJLabel jlNaam, welcome;
    private XJTextField jtfNaam;
    private XJButton jbOk;
    private XJButton jbOk2;

    public MainFrame() {
        setTitle("TITLE");
        setSize(600, 400);
        setLocationRelativeTo(null);

        JPanel panel = new JPanel();
        panel.setLayout(new GridBagLayout());

        welcome = new XJLabel("TITLE!", 30);
        welcome.setHorizontalAlignment(SwingConstants.CENTER);

        jbOk = new XJButton("ok");
        jbOk2 = new XJButton("ok2");

        GridBagConstraints gc = new GridBagConstraints();
        gc.fill = GridBagConstraints.HORIZONTAL;
        gc.insets = new Insets(10, 10, 10, 10);
        gc.anchor = GridBagConstraints.FIRST_LINE_START;

        gc.gridy = 0;
        gc.gridx = 0;
        gc.weighty = 1;
        gc.weightx = 3;
        panel.add(welcome, gc);

        gc.gridy = 1;
        gc.gridx = 0;
        gc.weighty = 1;
        gc.weightx = 1;
        panel.add(jbOk, gc);

        gc.gridy = 2;
        gc.gridx = 0;
        gc.weighty = 1;
        gc.weightx = 1;
        panel.add(jbOk2, gc);

        add(panel);

        setVisible(true);
    }

}

“X”类没什么特别的，只是为了让它更好一点。

无论如何，有没有人可以帮我解决这个问题？我不希望写出完整的GUI，但指向正确方向的指针会很棒！如果有更好的方法可以做到这一点，请告诉我。请注意：我在学校因此不允许使用第三方布局管理器。所以我必须抓住默认的......

Answer 1

在您的情况下，您看起来想要3列中的组件。

问题是在你的情况下，你没有任何一行有3列组件，所以你不能按照你想要的方式定位“标题”和底部“按钮”。

因此，如果你想使用GridBagLayout，你需要伪造它。因此，在第二行中，您需要在第3列中添加虚拟组件。您应该能够使用Box.createHorizontalStrut(10)并将其添加到第3列中的行。

现在在第一行中，组件可以通过给它一个gridwidth = 3来居中

在最后一行中，使用gridx = 2添加按钮。

阅读How to Use GridBagLayout上的Swing教程中的部分。那里的演示几乎完全符合您的要求。

我发现Grid Bag Layout是最灵活，最“使用”的经理

但是，您永远不会被迫使用单个布局管理器。

例如，您可以使用具有垂直BoxLayout的面板。然后你会：

1. 将标签添加到面板。
2. 将按钮添加到面板。
3. 使用左对齐的FlowLayout创建一个sccond面板，并将按钮添加到按钮面板和面板。
4. 将Box.createVerticalGlue()添加到面板中。
5. 将最后一个按钮添加到面板。

注意：

1. 您需要使用setAlignmentX(...)方法正确对齐左/中/右位置的组件。
2. 对于按钮面板，您需要使用buttonsPanel.setMaximumSize( buttons.getPreferredSize() )来防止面板高度增长。

尝试实现两种解决方案，以更好地理解嵌套布局管理器的概念。然后，您可以选择您喜欢的选项以用于将来的布局。

Answer 2

GridBagLayout是最灵活的布局管理器之一，但它也是最复杂的布局管理器之一。

很多时候，拿出一些纸张并绘制布局将使您更容易理解如何应用约束。

import java.awt.Color;
import java.awt.EventQueue;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.HeadlessException;
import java.awt.Insets;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

public class Test extends JFrame {

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

    public Test() throws HeadlessException {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                JFrame frame = new JFrame("");
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public static class TestPane extends JPanel {

        public TestPane() {
            setLayout(new GridBagLayout());

            GridBagConstraints gbc = new GridBagConstraints();
            gbc.fill = GridBagConstraints.HORIZONTAL;

            // Fill the first row
            gbc.gridx = 0;
            gbc.gridy = 0;
            gbc.gridwidth = GridBagConstraints.REMAINDER;
            JLabel title = new JLabel("Title!");
            title.setHorizontalAlignment(JLabel.CENTER);
            add(title, gbc);

            // First column, second row
            gbc.anchor = GridBagConstraints.NORTHWEST;
            gbc.fill = GridBagConstraints.NONE;
            gbc.weightx = 0;
            gbc.insets = new Insets(10, 10, 10, 10);
            gbc.gridwidth = 1;
            gbc.gridy++;

            add(makeLabel("Button"), gbc);

            // First column, second row
            gbc.gridy++;
            add(makeLabel("Button 2"), gbc);

            // Second column, second row
            gbc.gridx++;
            add(makeLabel("Button 3"), gbc);

            // Last column
            gbc.gridx++;
            // The the remaining area
            gbc.weightx = 1;
            gbc.weighty = 1;
            // Bottom/right
            gbc.anchor = GridBagConstraints.SOUTHEAST;
            add(makeLabel("Button 4"), gbc);
        }

        protected JLabel makeLabel(String text) {
            JLabel label = new JLabel(text);
            label.setOpaque(true);
            label.setForeground(Color.WHITE);
            label.setBackground(Color.BLUE);
            return label;
        }
    }
}

显然，这是GridBagLayout的直接使用。根据您的需要，您可能会发现使用两个或更多复合布局更容易