java - 更新组件的高度也会改变它的宽度

Question

我有一个 GUI，其中有一个主 JPanel，其中包含多行，每一行都是另一个 JPanel。每行(JPanel 类型)由 4 个较小的 JPanel 组成，这 4 个面板中的每个面板内部都有一个组件。最终结果是一个类似网格的界面。

主面板有一个 BoxLayout，作为行一部分的面板有 FlowLayout。

当我使用某些监听器更新某些组件(从行)的高度时，整行变得更高，这按预期工作。但所发生的情况是，不仅高度发生了变化，而且组件(行内)的宽度也发生了变化。我知道 BoxLayout 正在尝试使用 maxSize 和 minSize 来布局组件，我可以将它们设置为相同的值并且有效，但是然后当我调整窗口大小时，其他行会展开，而具有相同 minSize 和 maxSize 的行不会展开，网格结构会变得困惑。

我想要实现的是，我只更新行的高度。当我调整窗口大小时，整行都会展开，网格的结构仍然是网格。这是简短、独立、正确(可编译)的示例:

主类:

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);
        }

    }

}

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

Answer 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();