Java Swing 像素不准确

Question

我正在使用 Swing 设计一个 Java 应用程序，但我在设计没有布局的 GUI 时遇到了麻烦。

我的目的是设计一个带有一个JPanel 和四个JButtons 的GUI。我已经计算好在正确的位置设置按钮和面板，并编码如下：

import java.awt.*;
import javax.swing.*;

public class MainFrame extends JFrame {
    public MainFrame() {
        this.setTitle("Example Frame");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setLayout(null);

        JPanel randomPanel = new JPanel();
        randomPanel.setOpaque(true);
        randomPanel.setBackground(Color.RED);
        randomPanel.setBounds(10, 10, 430, 530);

        JButton addButton = new JButton("Add");
        addButton.setBounds(10, 550, 100, 40);
        addButton.setBackground(Color.GRAY);

        JButton deleteButton = new JButton("Delete");
        deleteButton.setBounds(120, 550, 100, 40);
        deleteButton.setBackground(Color.GRAY);

        JButton refreshButton = new JButton("Refresh");
        refreshButton.setBounds(230, 550, 100, 40);
        refreshButton.setBackground(Color.GRAY);

        JButton devButton = new JButton("Developer");
        devButton.setBounds(340, 550, 100, 40);
        devButton.setBackground(Color.GRAY);

        this.add(randomPanel);
        this.add(addButton);
        this.add(deleteButton);
        this.add(refreshButton);
        this.add(devButton);

        this.setSize(900, 600);
        this.setResizable(false);
        this.setVisible(true);
    }

    public static void main(String[] args) {
        new MainFrame();
    }
}

按照代码，组件预计如下放置：

但是，实际的表单显示如下：

组件超出形式，与预期外观不符。

这是什么问题，应该怎么做才能准确放置组件？

Answer 1

我来晚了，我认为这不再对 OP 有帮助......但对处于同样情况的其他人来说。

正如其他人提到的，当您在 JFrame 上设置大小时，其中包括标题栏和边框。有一种方法可以获取它们的大小值，但是...如果您想在内容窗格中手动布局，为什么不先准备一个内容窗格，然后将其添加到 JFrame 中？

class MainPanel extends JPanel {
    public MainPanel() {
        setLayout(null);
        setPreferredSize(new Dimension(900, 600));
        // JFrame will have some layouting going on,
        // it won't listen to setSize

        JPanel randomPanel = new JPanel();
        randomPanel.setOpaque(true);
        randomPanel.setBackground(Color.RED);
        randomPanel.setBounds(10, 10, 430, 530);

        JButton addButton = new JButton("Add");
        addButton.setBounds(10, 550, 100, 40);
        addButton.setBackground(Color.GRAY);

        JButton deleteButton = new JButton("Delete");
        deleteButton.setBounds(120, 550, 100, 40);
        deleteButton.setBackground(Color.GRAY);

        JButton refreshButton = new JButton("Refresh");
        refreshButton.setBounds(230, 550, 100, 40);
        refreshButton.setBackground(Color.GRAY);

        JButton devButton = new JButton("Developer");
        devButton.setBounds(340, 550, 100, 40);
        devButton.setBackground(Color.GRAY);

        this.add(randomPanel);
        this.add(addButton);
        this.add(deleteButton);
        this.add(refreshButton);
        this.add(devButton);
    }

    public static void main(String[] args) {
        JFrame mainFrame = new JFrame();
        mainFrame.setTitle("Example Frame");
        mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        mainFrame.setContentPane(new MainPanel());

        mainFrame.pack();
        mainFrame.setResizable(false);
        mainFrame.setVisible(true);
    }
}

如果您直接与 JFrame 混淆，您就是在绕过组件系统。而这种方式，你做的组件就好了！现在，您有一个适合单个子面板的 JFrame，其中有一些手动布局的内容。

在这种情况下，我通常是这样做的。

附： “不要手动布局，只使用布局管理器”不是你可以在任何地方应用的东西。有时您可能需要自定义组件，尤其是对于像视频游戏这样的游戏，您需要自定义渲染的游戏屏幕。在游戏屏幕内，您将进行手动布局。只要你知道哪个是哪个，它们就可以共存。

Answer 2

主要有两个问题...

• setLayout(null)
• setSize

您没有考虑到的事实是，窗口内容可用的空间量是窗口大小减去框架装饰。

像素完美布局是现代 UI 开发中的一种错觉，最好避免。

你可以看看：

• What's wrong with the Null Layout in Java?
• Why is it frowned upon to use a null layout in Swing?
• Why null layout and absolute positions are bad practice in Java Swing?

了解更多详情。

更好的解决方案是使用一个或多个可用的布局管理器。下面的示例简单地使用了BorderLayout 和GridLayout，并在EmptyBorder 的帮助下提供了一些填充

详情请见Laying Out Components Within a Container

好处

• 自适应布局：
  • 该示例使用pack 自动“打包”内容周围的窗口，而无需您使代码适应当前运行的操作系统（或不同外观和感觉提供的框架装饰）
  • 用户可以更改窗口的大小，内容会自动调整大小 - 对用户的奖励。
  • 布局将适应用户的系统设置，因此如果他们使用的字体比您设计的更大，它不会完全在您的脸上炸开
  • 想要添加更多按钮？不用担心，把自己搞砸，只需添加更多按钮，布局会自动适应，无需在屏幕上“像素推送”任何组件

可运行示例...

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;
import javax.swing.border.EmptyBorder;

public class Test {

    public static void main(String[] args) {
        new Test();
    }

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        public TestPane() {
            setLayout(new BorderLayout());
            setBorder(new EmptyBorder(10, 10, 10, 10));
            add(new SizablePane(430, 530));

            JPanel buttonPane = new JPanel(new GridLayout(1, 3, 20, 0));
            buttonPane.setBorder(new EmptyBorder(10, 0, 0, 0));
            buttonPane.add(new JButton("Add"));
            buttonPane.add(new JButton("Delete"));
            buttonPane.add(new JButton("Refresh"));
            buttonPane.add(new JButton("Developer"));

            add(buttonPane, BorderLayout.SOUTH);
        }

    }

    public class SizablePane extends JPanel {

        private Dimension size;

        public SizablePane(int width, int height) {
            size = new Dimension(width, height);
            setBackground(Color.RED);
        }

        @Override
        public Dimension getPreferredSize() {
            return size;
        }

    }

}

需要添加更多按钮？简单...

JPanel buttonPane = new JPanel(new GridLayout(1, 0, 20, 0));
buttonPane.setBorder(new EmptyBorder(10, 0, 0, 0));
buttonPane.add(new JButton("Add"));
buttonPane.add(new JButton("Delete"));
buttonPane.add(new JButton("Refresh"));
buttonPane.add(new JButton("Developer"));
buttonPane.add(new JButton("Some"));
buttonPane.add(new JButton("More"));
buttonPane.add(new JButton("Buttons"));

Answer 3

您需要覆盖底层 JFrame 的 getInsets() 方法。

@Override
public Insets getInsets() {
    return new Insets(0, 0, 0, 0);
}

查看此question 了解更多信息。