多个JPanel完全相互叠加

Question

我正在创建一个程序,我可以在其中绘制地图并添加不同的道路等.我计划在一个jpanel上添加地图地形,在另一个jpanel上添加道路等,相互叠加.但我无法让他们工作.我不知道如何将多个jpanel完全叠加在一起并使它们都能够绘制.

Answer 1

解决这个问题的基本方法是使用JLayeredPane类似的东西GridBagLayout.

这JLayeredPane将使您更好地控制各层的z深度,并GridBagLayout允许您根据需要将组件叠放在一起.

你也可以看一下OverlayoutLayout,但从未使用它,我无法发表评论.

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.imageio.ImageIO;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLayeredPane;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class MapLayers {

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

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

                MapPane mapPane = new MapPane();
                try {
                    mapPane.addLayer(new ImageLayer(ImageIO.read(new File("Ponie.png")), 360, 10));
                    mapPane.addLayer(new ImageLayer(ImageIO.read(new File("Layer01.png")), 0, 0));
                } catch (IOException ex) {
                    ex.printStackTrace();
                }

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

    public class ImageLayer extends JComponent {

        private Image bg;
        private int xOffset;
        private int yOffset;

        public ImageLayer(Image image, int x, int y) {
            bg = image;
            xOffset = x;
            yOffset = y;
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            if (bg != null) {
                Graphics2D g2d = (Graphics2D) g.create();
                g2d.drawImage(bg, xOffset, yOffset, this);
                g2d.dispose();
            }
        }

    }

    public class MapPane extends JLayeredPane {

        private BufferedImage bg;

        public MapPane() {
            try {
                bg = ImageIO.read(new File("PirateMap.jpg"));
            } catch (IOException exp) {
                exp.printStackTrace();
            }
            setLayout(new GridBagLayout());
        }

        public void addLayer(JComponent layer) {

            GridBagConstraints gbc = new GridBagConstraints();
            gbc.gridx = 0;
            gbc.gridy = 0;
            gbc.weightx = 1;
            gbc.weighty = 1;
            gbc.fill = GridBagConstraints.BOTH;

            add(layer, gbc);

        }

        @Override
        public Dimension getPreferredSize() {
            return bg == null ? new Dimension(200, 200) : new Dimension(bg.getWidth(), bg.getHeight());
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            if (bg != null) {
                Graphics2D g2d = (Graphics2D) g.create();
                int x = (getWidth() - bg.getWidth()) / 2;
                int y = (getHeight()- bg.getHeight()) / 2;
                g2d.drawImage(bg, x, y, this);
                g2d.dispose();
            }
        }
    }
}

请查看如何使用LayeredPanes获取更多详细信息