Java中如何叠加绘制两个JPanel？（N体模拟场景）

别再纠结setBounds和空布局了，Swing有更规范的方式实现面板叠加，推荐两种常用方案：

方案一：用JLayeredPane分层管理（最直观） #

JLayeredPane允许把组件放在不同层级，上层组件会覆盖下层，完美适配你的需求：

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

public class Window extends JFrame {
    public Window() {
        setTitle("N-Body Simulation");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(800, 600);
        setLocationRelativeTo(null);

        // 创建分层窗格作为容器
        JLayeredPane layeredPane = new JLayeredPane();
        layeredPane.setPreferredSize(getSize());
        setContentPane(layeredPane);

        // 1. 底层：红色视口面板（负责粒子绘制）
        JPanel redViewport = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                // 先绘制黑色背景，再画粒子
                g.setColor(Color.BLACK);
                g.fillRect(0, 0, getWidth(), getHeight());
                // 这里替换成你的粒子绘制逻辑
                g.setColor(Color.WHITE);
                g.fillOval(100, 100, 20, 20);
                g.fillOval(300, 200, 15, 15);
            }
        };
        redViewport.setBackground(Color.RED);
        redViewport.setBounds(0, 0, getWidth(), getHeight());
        // 加入默认层级（底层）
        layeredPane.add(redViewport, JLayeredPane.DEFAULT_LAYER);

        // 2. 上层：蓝色控制面板（放按钮和文本框）
        JPanel blueControlPanel = new JPanel();
        blueControlPanel.setBackground(Color.BLUE);
        // 设置面板位置和大小（左上角20,20，宽200高150）
        blueControlPanel.setBounds(20, 20, 200, 150);
        // 添加控制组件
        blueControlPanel.add(new JButton("开始"));
        blueControlPanel.add(new JButton("暂停"));
        blueControlPanel.add(new JTextField(10));
        // 加入调色板层级（比默认层级高，会显示在上面）
        layeredPane.add(blueControlPanel, JLayeredPane.PALETTE_LAYER);

        setVisible(true);
    }

    public static void main(String[] args) {
        // Swing组件要在事件调度线程初始化
        SwingUtilities.invokeLater(Window::new);
    }
}

方案二：用OverlayLayout实现叠加（更符合Swing布局规范） #

如果不想手动设置bounds，用OverlayLayout可以让组件自动叠加，通过对齐方式调整位置：

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

public class Window extends JFrame {
    public Window() {
        setTitle("N-Body Simulation");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(800, 600);
        setLocationRelativeTo(null);

        // 创建使用OverlayLayout的容器
        JPanel contentPane = new JPanel();
        contentPane.setLayout(new OverlayLayout(contentPane));
        setContentPane(contentPane);

        // 红色视口面板
        JPanel redViewport = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                g.setColor(Color.BLACK);
                g.fillRect(0, 0, getWidth(), getHeight());
                // 粒子绘制逻辑
                g.setColor(Color.WHITE);
                g.fillOval(100, 100, 20, 20);
            }
        };
        redViewport.setBackground(Color.RED);
        // 对齐到容器左上角
        redViewport.setAlignmentX(0.0f);
        redViewport.setAlignmentY(0.0f);
        contentPane.add(redViewport);

        // 蓝色控制面板
        JPanel blueControlPanel = new JPanel();
        blueControlPanel.setBackground(Color.BLUE);
        blueControlPanel.setPreferredSize(new Dimension(200, 150));
        // 对齐到容器左上角
        blueControlPanel.setAlignmentX(0.0f);
        blueControlPanel.setAlignmentY(0.0f);
        // 加边距避免贴边
        blueControlPanel.setBorder(BorderFactory.createEmptyBorder(20, 20, 0, 0));
        blueControlPanel.add(new JButton("开始"));
        blueControlPanel.add(new JButton("暂停"));
        blueControlPanel.add(new JTextField(10));
        contentPane.add(blueControlPanel);

        setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(Window::new);
    }
}

关键注意事项 #

• 绝对不要用setLayout(null)：空布局完全依赖手动设置坐标，在不同分辨率、系统下会乱套，Swing的布局管理器就是用来解决这个问题的。
• 粒子绘制必须在paintComponent方法里：一定要先调用super.paintComponent(g)，否则会出现绘制残留。
• 透明面板需求：如果想让蓝色面板半透明，不完全挡住下面的视口，可以设置blueControlPanel.setOpaque(false)，然后用半透明颜色：blueControlPanel.setBackground(new Color(0,0,255,150))（最后一个参数是透明度，0全透255不透明）。

内容的提问来源于stack exchange，提问作者Habs Andfs