java - 如何在另一个 JPanel 之上创建 JPanel 或任何 JComponent 作为覆盖层或上层

Question

我正在为我的神经网络编写一个 GUI(https://github.com/banana01/Neural-Network 如果您需要查看任何其他类)来显示网络 map ，并且我有一个按图层组织的 map 。我希望能够在透明 JPanel 上的节点之间绘制连接，该透明 JPanel 位于包含层和节点的 JPanel 之上。

我已阅读以下问题，但这要求该类是 JFrame，我希望能够在 JPanel 中执行此操作，以便我可以将其添加到选项卡中，这样我就可以为不同的事物使用不同的选项卡，例如 map 、输入、设置等 placing a transparent JPanel on top of another JPanel not working

这是我当前的类(class)，缺少任何类型的覆盖层。

public class NeuralNetworkDisplay extends JPanel  //implements MouseListener
{
    private Network ntk;
    JPanel[] layerPanels;
    JPanel[] layerSubPanels;
    JButton[] nodeButtons;
    JSplitPane splitPane;
    JLayeredPane NNMap;
    JPanel test;
    ArrayList<Layer> layers = new ArrayList<Layer>();
    ArrayList<Node[]> nodes = new ArrayList<Node[]>();
    public NeuralNetworkDisplay(Network ntk)
    {
        setNtk(ntk);
        parseNetworkDesign();
        splitPane = new JSplitPane();
        NNMap = new JLayeredPane();
        test = new JPanel();

        NNMap.setLayout(new GridLayout(3,1,5,5));
        splitPane.setRightComponent(NNMap);
        add(splitPane);

    }
    public void init()
    {
        drawLayers();
        drawNodes();
    }
    public void parseNetworkDesign()
    {
        for (int i = 0;i < ntk.getLayers().size(); i++) 
        {
            layers.add(ntk.getLayers().get(i));
        }
        for (int i = 0; i < layers.size(); i++) 
        {
            nodes.add(layers.get(i).getNodes().toArray(new Node[layers.get(i).getNodes().size()]));
        }
    }
    public Network getNtk() {
        return ntk;
    }
    public void setNtk(Network ntk) {
        this.ntk = ntk;
        setLayout(new BoxLayout(this, BoxLayout.X_AXIS));




    }
    public ArrayList<Layer> getLayers() {
        return layers;
    }
    public void setLayers(ArrayList<Layer> layers) {
        this.layers = layers;
    }
    public ArrayList<Node[]> getNodes() {
        return nodes;

    }
    public int getNodesSize() {
        return nodes.size();
    }
    public int getLayersSize() {
        return layers.size();
    }
    public void setNodes(ArrayList<Node[]> nodes) {
        this.nodes = nodes;
    }




    public void drawLayers()
    {
        layerPanels = new JPanel[getLayersSize()];
        layerSubPanels = new JPanel[getLayersSize()];
        for (int i = 0; i < layerPanels.length; i++) 
        {
            layerPanels[i] = new JPanel();
            layerSubPanels[i] = new JPanel();
            layerPanels[i].setLayout(new FlowLayout());
            layerSubPanels[i].setLayout(new GridLayout(3,5,5,5));
            layerPanels[i].add(new JLabel("Layer::"+i));
            layerPanels[i].add(layerSubPanels[i]);
            NNMap.add(layerPanels[i]);
        }
    }
    public void drawNodes()
    {
        int nod = 0;
        for (int i = 0; i < getNodes().size(); i++) 
        {
            nod += getNodes().get(i).length;
        }
        nodeButtons = new JButton[nod];
        for (int i = 0; i < getLayersSize(); i++) 
        {

            for (int j = 0; j < getNodes().get(i).length; j++) 
            {
                //nodeButtons[j]
                layerSubPanels[i].add(MyFactory.createNODEButton(getNodes().get(i)[j]));
            }

        }

    }



}

这是一个添加到主窗口拆分 Pane 中的 JPanel。这一切都是在不同的类(class)中完成的。这是 map 面板:

我将使用什么在包含 map 的 JPanel 顶部创建一个透明的 JPanel。这样我就可以在节点之间绘制连接。

Answer 1

可能有几种方法可以做到这一点，但一种方法可能是创建自定义 JLayeredPane，它可以维护和绘制组件之间的关系，例如......

import java.awt.Color;
import java.awt.Component;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagLayout;
import java.awt.Point;
import java.awt.Rectangle;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Line2D;
import java.util.ArrayList;
import java.util.List;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JLayeredPane;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

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();
                }

                GroupPane parent = new GroupPane("Parent", Color.RED);
                GroupPane child1 = new GroupPane("Child 1", Color.BLUE);
                GroupPane child2 = new GroupPane("Child 2", Color.CYAN);

                parent.setBounds(10, 10, 100, 100);
                child1.setBounds(10, 150, 100, 100);
                child2.setBounds(150, 150, 100, 100);

                ConnectionPane connectionPane = new ConnectionPane();
                connectionPane.add(parent, child1);
                connectionPane.add(parent, child2);

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(connectionPane);
                frame.setSize(400, 400);
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class GroupPane extends JPanel {

        public GroupPane(String name, Color background) {
            setLayout(new GridBagLayout());
            add(new JLabel(name));
            setBackground(background);
        }

    }

    public class ConnectionPane extends JLayeredPane {

        private List<Component[]> connections;

        public ConnectionPane() {
            connections = new ArrayList<>();

            MouseAdapter ma = new MouseAdapter() {
                private Component dragComponent;
                private Point clickPoint;
                private Point offset;

                @Override
                public void mousePressed(MouseEvent e) {
                    Component component = getComponentAt(e.getPoint());
                    if (component != ConnectionPane.this && component != null) {
                        dragComponent = component;
                        clickPoint = e.getPoint();
                        int deltaX = clickPoint.x - dragComponent.getX();
                        int deltaY = clickPoint.y - dragComponent.getY();
                        offset = new Point(deltaX, deltaY);
                    }
                }

                @Override
                public void mouseDragged(MouseEvent e) {
                    int mouseX = e.getX();
                    int mouseY = e.getY();

                    int xDelta = mouseX - offset.x;
                    int yDelta = mouseY - offset.y;
                    dragComponent.setLocation(xDelta, yDelta);

                    repaint();
                }

            };

            addMouseListener(ma);
            addMouseMotionListener(ma);
        }

        public void add(Component parent, Component child) {
            if (parent.getParent() != this) {
                add(parent);
            }
            if (child.getParent() != this) {
                add(child);
            }
            connections.add(new Component[]{parent, child});
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();
            for (Component[] connection : connections) {
                Rectangle parent = connection[0].getBounds();
                Rectangle child = connection[1].getBounds();

                g2d.draw(new Line2D.Double(parent.getCenterX(), parent.getCenterY(), child.getCenterX(), child.getCenterY()));
            }
            g2d.dispose();
        }

    }

}