Java JComponent 在 JFrame 边缘附近被切断

Question

我最近开始使用 JComponents 来创建 GUI 系统。一切正常，但 JFrame 的底部和右侧不会被覆盖并保持白色。

运行 GUI 的屏幕截图:

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

我的代码如下。 注意:对于每个 JComponent，我创建了一个扩展该组件的类。这样我就可以在这些类的构造函数中为组件设置默认值，而不是单独执行每个组件。我将列出框架和面板的相关属性。 框架:setSize(宽度,高度); setResizeable(假); setLocationRelativeTo(空); 面板:setLayoutManager(来自构造函数)； setPreferredSize(new Dimension(宽度,高度)); 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 被设计为与布局管理器一起使用的方式。

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

要点是使用像 setMargin(...) 这样的方法，向组件提供关于其首选大小应该是多少的提示。