Java JComponents 在 JFrame 边缘附近被切断

Question

我最近开始使用 JComponents 创建 GUI 系统。一切正常，但 JFrame 的底部和右侧没有被涂漆并保持白色。

运行界面截图：

在屏幕截图中，您可以看到“drknBtn”正确显示；这是因为我在拍照之前用鼠标悬停在它上面。将鼠标悬停在按钮上会刷新它们，它们会正常显示。因此，我假设包含它们的面板“bottomPnl”覆盖了该空白区域，但该面板背景未显示在底部。关于可能导致这种情况的任何想法？我曾尝试在调用 pack() 之前直接调用 'bottomPnl.repaint()'，但没有任何变化。

我的代码如下。 注意：对于每个 JComponent，我创建了一个扩展该组件的类。这样我就可以在这些类的构造函数中为组件设置默认值，而不是单独做每一个。我将列出框架和面板的相关属性。 框架：setSize（宽度，高度）；可调整大小（假）； setLocationRelativeTo(null); 面板：setLayoutManager（来自建造者）； setPreferredSize(new Dimension(width,height)); setMinimumSize 和 setMaximumSize 相同。

public Display(String title, int w, int h){

    width=w;
    height=h;
    frame = new FrameUI(title,w,h);

    //parent panel
    parentPnl= new PanelUI(width,height, new FlowLayout(FlowLayout.CENTER,0,0));
    parentPnl.setBackground(new Color(100,175,175));

    //top panel
    topPnl= new PanelUI(width,(int)(height*.15), new FlowLayout(FlowLayout.CENTER,0,0));
    topPnl.setBackground(new Color(100,175,175));

    chooseFileBtn = new ButtonUI("Browse...",topPnl.getWidth()/4,(int)(topPnl.getHeight()*.9),new ActionListener(){

        @Override
        public void actionPerformed(ActionEvent e) {
            fc = new FileChooserUI();
            fc.setFileFilter(new FileNameExtensionFilter("Image files", ImageIO.getReaderFileSuffixes()));
            int result = fc.showOpenDialog(null);
            try {
                if (result == JFileChooser.APPROVE_OPTION) {
                    picture.setIcon(new ImageIcon(ImageIO.read(fc.getSelectedFile()).getScaledInstance(picture.getWidth(),picture.getHeight(), 0)));
                }
            } catch (Exception iOException) {
            }
        }

    });

    //middle panel
    midPnl= new PanelUI((int)(width*.85),(int)(height*.7), new FlowLayout(FlowLayout.CENTER,0,0));
    midPnl.setBackground(new Color(75,125,125));

    picture = new LabelUI("",midPnl.getWidth(),midPnl.getHeight());
    picture.setBackground(new Color(75,125,125));
    picture.setVisible(true);
    picture.setOpaque(true);
    picture.setIcon(null);

    //bottom panel
    bottomPnl= new PanelUI(width,(int)(height*.15), new FlowLayout(FlowLayout.CENTER,0,0));
    bottomPnl.setBackground(new Color(100,175,175));

    ltnBtn = new ButtonUI("Lighten Picture",bottomPnl.getWidth()/3,(int)(bottomPnl.getHeight()*.9),new ActionListener(){
        @Override
        public void actionPerformed(ActionEvent e) {

        }
    });
    ltnBtn.setBackground(Color.LIGHT_GRAY);
    ltnBtn.setForeground(Color.BLACK);

    drknBtn = new ButtonUI("Darken Picture",bottomPnl.getWidth()/3,(int)(bottomPnl.getHeight()*.9),new ActionListener(){
        @Override
        public void actionPerformed(ActionEvent e) {

        }
    });
    drknBtn.setBackground(Color.DARK_GRAY);
    drknBtn.setForeground(Color.WHITE);

    //add UI Objects
    topPnl.add(chooseFileBtn);

    midPnl.add(picture);

    bottomPnl.add(ltnBtn);
    bottomPnl.add(drknBtn);

    parentPnl.add(topPnl);
    parentPnl.add(midPnl);
    parentPnl.add(bottomPnl);

    Container contentPane = frame.getContentPane();     
    contentPane.add(parentPnl);

    frame.pack();
    frame.setVisible(true);
}

}

Answer 1

topPnl= new PanelUI(width,(int)(height*.15), new FlowLayout(FlowLayout.CENTER,0,0));

在我看来，您正在手动尝试控制面板的大小，从而控制添加到面板的组件的大小。您的计算有误，某些组件显示不正确。此外，您的所有尺寸在创建时都是固定的，并且不会在框架尺寸发生变化时进行调整。

不要尝试手动控制尺寸。使用布局管理器根据组件的属性动态调整组件大小。

我不明白为什么您希望按钮占框架可用空间的 15%。

如果您希望按钮比正常大，您可以使用以下方法在按钮文本周围设置额外的空白空间：

button.setMargin( new Insets(50, 50, 50, 50) );

然后，只需使用 FlowLayout 将按钮添加到面板，让布局管理器完成其工作。

框架的默认布局是BorderLayout，因此您可以使用以下方法将“topPnl”添加到框架中：

frame.add(topPnl, BorderLayout.PAGE_START);

然后可以使用以下命令添加其他面板：

frame.add(midPnl, BorderLayout.CENTER);
frame.add(bottomPnl, BorderLayout.PAGE_END);

这就是 Swing 与布局管理器一起使用的设计方式。

阅读 How to Use BorderLayout 上的 Swing 教程部分，了解更多信息和示例。

重点是使用setMargin(...) 之类的方法，为组件提供有关其首选大小的提示。

Answer 2

我通过删除 FrameUI 构造函数中的“setSize()”方法解决了这个问题。但是，我仍然不明白您如何像您所说的那样动态调整面板大小，同时仍然保持我想要的比例。谢谢@camickr 的指点，我原来的问题已经解决了。我会研究更多关于布局管理器等的 javadocs 和教程。