如何使用GridBagConstraints创建布局？

Question

我想像这样布局我的 JPane：

-------
|     |
|     |
|     |
-------
|     |
-------

这样，顶部部分比底部部分更大/更高（顶部部分由另一个 JPanel 组成并使用 Graphics 对象来显示图像，而底部部分也由另一个 JPanel 组成但使用 Graphics 对象来绘制一些线条和文本）。

我听说最好的方法是使用 GridBagLayout 和 GridBagConstraints。

我正在尝试找出 GridBagConstraints 的适当属性，但遇到了一些困难。这就是我到目前为止所拥有的...

对于顶部部分，我有：

gridx = 0
gridy = 0
weighty = 1.0; // expand downwards, because the bottom should never expand in the Y direction
fill = GridBagConstraints.BOTH

对于底部部分，我有：

gridx = 0
gridy = 1
fill = GridBagConstraints.HORIZONTAL
anchor = GridBagConstraints.PAGE_END

不幸的是，最终发生的所有事情都是出现一个大的灰色矩形（我的应用程序有白色背景）-没有图像加载，没有线条/文本出现。

我应该怎么办？我应该调整什么？

我读过一些教程，但它看起来真的很令人困惑，我在我的第一个应用程序中让它工作，但现在当我尝试这样做时，它似乎对我不起作用。

Answer 1

一般来说，对于gridbag布局

• 如果你想要一个组件缩放，你必须给它的缩放方向一个权重，并且你为该方向设置的任何尺寸（宽度/高度）将被布局管理器忽略。

• 如果您不想要组件比例，则必须定义组件的大小（如果您愿意，您可以在java文档中深入研究这个主题）。对于底部面板，您至少需要为其提供一个首选高度。

这可以满足您的期望

pnlTop.setBackground(Color.WHITE);
pnlBottom.setBackground(Color.BLUE);

// Because you don't want the bottom panel scale, you need to give it a height.
// Because you want the bottom panel scale x, you can give it any width as the
// layout manager will ignore it.
pnlBottom.setPreferredSize(new Dimension(1, 20));


getContentPane().setLayout(new GridBagLayout());
GridBagConstraints cst = new GridBagConstraints();
cst.fill = GridBagConstraints.BOTH;
cst.gridx = 0;
cst.gridy = 0;
cst.weightx = 1.0; // --> You miss this for the top panel
cst.weighty = 1.0;
getContentPane().add(pnlTop, cst);

cst = new GridBagConstraints();
cst.fill = GridBagConstraints.HORIZONTAL;
cst.gridx = 0;
cst.gridy = 1;
cst.weightx = 1.0; // You miss this for the bottom panel
cst.weighty = 0.0;
getContentPane().add(pnlBottom, cst);

---

此外，如果您想使用 gridbag 布局，我建议您尝试 painless-gridbag 库 http://code.google.com/p/painless-gridbag/（我是该库的作者）。它不能为您解决这个问题（因为您的问题涉及在 gridbag 布局中管理组件的大小），但它会节省您大量的输入并使您的代码更易于维护

pnlBottom.setPreferredSize(new Dimension(1, 20));

PainlessGridBag gbl = new PainlessGridBag(getContentPane(), false);
gbl.row().cell(pnlTop).fillXY();
gbl.row().cell(pnlBottom).fillX();
gbl.done();

Answer 2

从你的问题中不确定，也许会帮助你 70% 的顶部，30% 的底部

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

public class BorderPanels extends JFrame {

    private static final long serialVersionUID = 1L;

    public BorderPanels() {
        getContentPane().setLayout(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        JPanel panel1 = new JPanel();
        Border eBorder = BorderFactory.createEtchedBorder();
        panel1.setBorder(BorderFactory.createTitledBorder(eBorder, "70pct"));
        gbc.gridx = gbc.gridy = 0;
        gbc.gridwidth = gbc.gridheight = 1;
        gbc.fill = GridBagConstraints.BOTH;
        gbc.anchor = GridBagConstraints.NORTHWEST;
        gbc.weightx = gbc.weighty = 70;
        getContentPane().add(panel1, gbc);
        JPanel panel2 = new JPanel();
        panel2.setBorder(BorderFactory.createTitledBorder(eBorder, "30pct"));
        gbc.gridy = 1;
        gbc.weightx = 30;
        gbc.weighty = 30;
        gbc.insets = new Insets(2, 2, 2, 2);
        getContentPane().add(panel2, gbc);
        pack();
    }

    public static void main(String[] args) {
        new BorderPanels().setVisible(true);
    }
}

Answer 3

如果您可以使用第 3 方库，您可以考虑 FormLayout以及。它允许您指定每行的高度以及调整大小行为。

我没有测试这个，但

FormLayout layout = new FormLayout( 
 "pref", //columns
 "50dlu:grow(0.2)","25dlu:grow(0.1)" //rows
);

可能会成功。有关语法的更多信息，请参阅JGoodies Forms pdf