更新组件的高度也会更改其宽度

时间:2019-05-12 09:22:57

标签: java swing jpanel layout-manager boxlayout

我有一个带有一个主JPanel的GUI,并且在它的内部有多行,每一行都是另一JPanel。每行(类型JPanel)由4个较小的JPanel组成,这4个面板中的每个面板内部都有一个组件。最终结果是一个网格状的界面。

主面板具有BoxLayout,作为一行组成部分的面板具有FlowLayout

当我使用某些侦听器更新某些组件(从行)的高度时,整行变得更高,这可以按预期工作。但是,不仅发生了高度变化,而且组件的宽度(行内)也发生了变化。我知道BoxLayout试图使用maxSizeminSize来设置组件的布局,我可以将它们设置为相同的值并且起作用,但是当我调整窗口大小时,其他行会展开而具有相同的minSizemaxSize的行不存在,并且网格结构变得混乱。

我要实现的是仅更新行的高度。当我调整窗口大小时,整个行都会展开,并且网格的结构仍然是网格。这是简短,自包含,正确(可编译)的示例,

Main类:

public class Main {

public static void main(String args[]) {

        SwingUtilities.invokeLater(() -> {

                new MainFrame(450,150);

            });

    }

}

MainFrame类:

public class MainFrame extends JFrame{

    public MainFrame(int width, int height) {

        super("Title");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(width, height);
        setVisible(true);

        JPanel mainPanel = new JPanel();
        mainPanel.setLayout(new BoxLayout(mainPanel, BoxLayout.Y_AXIS));
        JScrollPane scrollPane = new JScrollPane(mainPanel);

        add(scrollPane);


        for(int i=0; i<50; i++) {

            JPanel panel1 = new JPanel();
            panel1.setLayout(new FlowLayout(FlowLayout.LEFT));
            panel1.setBorder(BorderFactory.createMatteBorder(0, 1, 0, 1, Color.black));
            panel1.setPreferredSize(new Dimension(70,35));

            JPanel panel2 = new JPanel();
            panel2.setLayout(new FlowLayout(FlowLayout.LEFT));
            panel2.setBorder(BorderFactory.createMatteBorder(0, 0, 0, 1, Color.black));
            panel2.setPreferredSize(new Dimension(70,35));

            JPanel panel3 = new JPanel();
            panel3.setLayout(new FlowLayout(FlowLayout.LEFT));
            panel3.setBorder(BorderFactory.createMatteBorder(0, 0, 0, 1, Color.black));
            panel3.setPreferredSize(new Dimension(70,35));

            JTextArea area1 = new JTextArea("hello " + i);
            area1.setPreferredSize(new Dimension(70,25));
            panel1.add(area1);

            JTextArea area2 = new JTextArea("hello " + i);
            area2.setPreferredSize(new Dimension(70,25));
            panel2.add(area2);

            JTextArea area3 = new JTextArea("hello " + i);
            area3.setPreferredSize(new Dimension(70,25));
            panel3.add(area3);

            JPanel row = new JPanel();
            row.setBorder(BorderFactory.createMatteBorder(0, 0, 1, 0, Color.black));
            row.setLayout(new BoxLayout(row, BoxLayout.X_AXIS));

            row.add(panel1);
            row.add(panel2);
            row.add(panel3);

            JButton button = new JButton("Click me");
            JPanel buttonPanel = new JPanel();
            buttonPanel.setLayout(new FlowLayout(FlowLayout.LEFT));
            buttonPanel.setBorder(BorderFactory.createMatteBorder(0, 0, 0, 1, Color.black));
            buttonPanel.setPreferredSize(new Dimension(70,35));
            buttonPanel.add(button);

            button.addActionListener(event -> {

                panel1.setPreferredSize(new Dimension(panel1.getWidth(), panel1.getHeight() + 30));
                area1.setPreferredSize(new Dimension(area1.getWidth(), area1.getHeight() + 30));
                area1.updateUI();
            });

            row.add(buttonPanel);
            mainPanel.add(row);
        }

    }

}

如果运行此代码并按按钮,则不仅会更新行的高度,还会更新行的宽度,并且网格不再对齐。

1 个答案:

答案 0 :(得分:1)

您正在根据组件的“尺寸”设置“首选尺寸”。两者可以不同。

您的代码应类似于:

//panel1.setPreferredSize(new Dimension(panel1.getWidth(), panel1.getHeight() + 30));
Dimension d = panel1.getPreferredSize();
panel1.setPreferredSize(new Dimension(d.width, d.height + 30));

此外,您不应该使用updateUI()。这是Swing在LAF更改上内部使用的方法。

相反,当您要调用布局管理器时,请在已更改的顶级组件上调用revalidate():

//area1.updateUI();
panel1.revalidate();