3

我是 Swing 的新手，但有点努力实现我想要做的事情。我想构建一个如下所示的屏幕：

在此处输入图像描述

我不确定哪种布局最适合这种屏幕。我尝试使用 BorderLayout 但它永远不会正确。我得到了右下角的按钮，但中间的组件被证明是相当具有挑战性的。我知道如何将组件添加到面板上，但我正在努力的领域是如何对齐它们。有时，如果我在带有 BORDERLAYOUT 的面板上添加一个文本字段，它会占用我不想要的整个面板的全部空间。

我设法使用 AbsoluteLayout 让它几乎可以工作，但我怀疑如果我希望屏幕流畅，这不是最好的选择。

setBounds(100, 100, 775, 599);
getContentPane().setLayout(new BorderLayout());
contentPanel.setBackground(SystemColor.control);
contentPanel.setForeground(Color.RED);
contentPanel.setBorder(new EtchedBorder(EtchedBorder.LOWERED, null, null));
getContentPane().add(contentPanel, BorderLayout.CENTER);
contentPanel.setLayout(new BorderLayout(0, 0));
{
    JPanel topHeadersPanel = new JPanel();
    contentPanel.add(topHeadersPanel, BorderLayout.NORTH);
    topHeadersPanel.setLayout(new BorderLayout(0, 0));
    {
        JLabel lblSetSourceRecord = new JLabel("Source customer record:");
        lblSetSourceRecord.setFont(new Font("Tahoma", Font.BOLD, 12));
        topHeadersPanel.add(lblSetSourceRecord, BorderLayout.WEST);
    }
    {
        JLabel lblSetDestinationRecord = new JLabel("Destination customer record:");
        lblSetDestinationRecord.setFont(new Font("Tahoma", Font.BOLD, 12));
        topHeadersPanel.add(lblSetDestinationRecord, BorderLayout.EAST);
    }

    {
        JLabel lblSetDestinationRecord = new JLabel("Source customer:");
        lblSetDestinationRecord.setFont(new Font("Tahoma", Font.BOLD, 12));
        topHeadersPanel.add(lblSetDestinationRecord, BorderLayout.SOUTH);
    }
}
{
    JPanel buttonPane = new JPanel();
    buttonPane.setBorder(new EtchedBorder(EtchedBorder.LOWERED, null, null));
    buttonPane.setLayout(new FlowLayout(FlowLayout.CENTER));
    getContentPane().add(buttonPane, BorderLayout.SOUTH);
    {
        JPanel panel = new JPanel();
        buttonPane.add(panel);
    }
    {
        JButton okButton = new JButton("OK");
        okButton.setActionCommand("OK");
        buttonPane.add(okButton);
        getRootPane().setDefaultButton(okButton);
    }
    {
        JButton cancelButton = new JButton("Cancel");
        cancelButton.setActionCommand("Cancel");
        buttonPane.add(cancelButton);
    }
4

3 回答 3

5

GridLayout尝试使用 1 行和 2 列在 a 中制作上部，将其添加BorderLayout为 CENTER 并将按钮添加为BorderLayout.BOTTOM. 在上部，使用两个面板，一个用于左侧，一个用于右侧。

这里有一些代码来展示这一点（我不能真正复制/粘贴你的例子）：

public class MW extends JFrame {

    public static void main(String[] args) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                createAndShowUI();
            }
        });
    }

    private static void createAndShowUI() {
        MW x = new MW();

        JPanel mainPanel = new JPanel();
        mainPanel.setLayout(new GridLayout(1, 2));

        JPanel leftPanel = new JPanel();
        JLabel srcLabel = new JLabel("Source record:");
        leftPanel.add(srcLabel);
        JPanel rightPanel = new JPanel();
        JLabel dstLabel = new JLabel("Destination record:");
        rightPanel.add(dstLabel);

        mainPanel.add(leftPanel);
        mainPanel.add(rightPanel);

        JPanel buttonPanel = new JPanel();
        buttonPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
        JButton okButton = new JButton("OK");
        buttonPanel.add(okButton);
        JButton cancelButton = new JButton("Cancel");
        buttonPanel.add(cancelButton);

        x.setSize(400, 400);
        x.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        x.add(mainPanel, BorderLayout.CENTER);
        x.add(buttonPanel, BorderLayout.PAGE_END);
        x.setLocationRelativeTo(null);
        x.setVisible(true);
    }
}
于 2013-01-23T20:54:31.980 回答
4

看看这张图片，我在其中装箱了可以执行此操作的嵌套组件

在此处输入图像描述

在顶层，垂直框中的两个棕色部分。

然后上面的一个有一个网格或一个以蓝色显示的水平框。

然后它们中的每一个都有一个淡黄色的盒子布局，在它们之间有适当的间距。

接下来是容器并在每个容器中使用适当的布局，最终组件进入容器。

有一些工具可以使这更容易。我很久以前使用过 NetBeans 编辑器。然后我在 Eclipse 的 IBM WSAD/RAD 版本中使用了编辑器。现在，如果我需要做这样的布局，我会在 MyEclipse 中使用 Matisse 编辑器。

编辑

刚刚注意到@DaDaDom 在外面建议了一些类似的东西，棕色水平。他喜欢这样的边框布局，上面的框在 CENTER，按钮框在 SOUTH。那会很好用。

于 2013-01-23T20:58:48.140 回答
-1

我还将使用组布局，因为这将帮助您对齐标签和文本框。

于 2017-03-18T02:00:01.407 回答