如何在扩展JPanel的自定义Java Swing组件上使用GraphStream（或其他库）绘制节点和边缘？

Question

我正在为一个Java Swing程序创建用户界面，该界面应该能够允许用户创建由边连接的节点网络。用户可以标记这些节点和边。

目前，UI具有自定义图形组件，它扩展了JPanel，并且本身是有意义的，具有缩放和拖动等工作操作。我试图使用GraphStream库（http://graphstream-project.org/）将此自定义面板转换为支持GraphStream Graph的视图。由于GraphStream带有一个DefaultView类，它能够直接显示基本图形并扩展JPanel，因此我决定修改我的地图组件，使其扩展DefaultView。因此，我的背景组件的类定义现在如下：

public class CustomPanel extends DefaultView implements ICustomListener
{
    public CustomPanel(Viewer viewer, String identifier, GraphRenderer renderer)
    {
        super(viewer, identifier, renderer);
        ...
    }
}

然而，该组件无法显示任何图形或绘图功能。以下是我创建测试图形的步骤。

Graph graph = new GraphicGraph("embedded");
Viewer viewer = new Viewer(graph, Viewer.ThreadingModel.GRAPH_IN_GUI_THREAD);

Node a = graph.addNode("A");
a.addAttribute("xy", 0, 0);
Node b = graph.addNode("B");
b.addAttribute("xy", 10, 0);
Node c = graph.addNode("C");
c.addAttribute("xy", 10, 10);
graph.addEdge("AB","A","B");

//This is where I assume the GraphStream magic should happen.
CustomPanel myPanel = new CustomPanel(viewer, "defaultView", Viewer.newGraphRenderer());
viewer.addView(myPanel);
myPanel.display((GraphicGraph)(graph), true);

我能够显示相同的图表。

viewer.addDefaultView(true);

但它会在新窗口中打开。

那么我做错了什么，或者使用GraphStream在自定义组件上显示图形是否可能？如果有其他库可以实现这一点，我会感激知道。我知道JUNG2和Java2D，但还没有尝试过它们。我也可以接受在另一个窗口中打开编辑器的解决方案，但我仍然需要我的CustomPanel作为背景。

- milez

---

请参见可视化。 - trashgod

谢谢提供链接，但在发布问题之前我已经阅读过了。高级部分似乎给出了一些提示，但仍然不清楚该怎么做。此外，“为了将查看器集成到Swing GUI中，您需要自己创建查看器”和“即使您没有自己创建视图，您也可以随时访问为您创建的默认视图”等句子相互冲突，特别是因为库同时使用并需要View和Viewer才能正常运行。 - milez

Answer 1

如果有人遇到同样的问题，这就是我克服它的方法。请记住，背景组件保持其原有功能非常重要。总体而言，GraphStream的“DefaultView”实现是一个很好的例子。

我创建了一个类来扩展背景，并实现了“org.graphstream.ui.view.View”。

public class HybridView extends CustomView implements View

后来我发现我必须修改默认的GraphStream渲染器，其中编写自己的renderGraph方法非常关键。我只需从超类中复制实现并注释掉一些行：

protected void renderGraph(Graphics2D g) {
    StyleGroup style = graph.getStyle();

    setupGraphics(g);
    //Dont paint on the background
    //renderGraphBackground(g);
    //Commenting out the next line had no visible effects so I left it unmodified, tho it's name begs for being commented out
    renderBackLayer(g);
    camera.pushView(graph, g);
    renderGraphElements(g);

    if (style.getStrokeMode() != StyleConstants.StrokeMode.NONE
            && style.getStrokeWidth().value != 0) {
        GraphMetrics metrics = camera.getMetrics();
        Rectangle2D rect = new Rectangle2D.Double();
        double px1 = metrics.px1;
        Value stroke = style.getShadowWidth();

        rect.setFrame(metrics.lo.x, metrics.lo.y + px1,
                metrics.size.data[0] - px1, metrics.size.data[1] - px1);
        g.setStroke(new BasicStroke((float) metrics.lengthToGu(stroke)));
        g.setColor(graph.getStyle().getStrokeColor(0));
        g.draw(rect);
    }

    camera.popView(g);
    renderForeLayer(g);
}

public class MyGraphRenderer extends GraphRendererBase 

然后，为了将组件与GraphStream的绘图功能以及我的先前存在的有意义的背景组件结合使用：

Graph graph = new GraphicGraph("embedded");
Viewer viewer = new Viewer(graph, Viewer.ThreadingModel.GRAPH_IN_GUI_THREAD);
CustomPanel myPanel = new CustomPanel(viewer, "defaultView", new MyGraphRenderer());

- milez

Answer 2

我不确定你想做什么。但是，如果你只是想将GraphStream视图添加到自己的GUI中，那么你不需要扩展DefaultView。你创建的查看器是可以的，所以你只需要像这样在你的GUI中插入一个新视图：

    // create a view *without* a JFrame
    View view = viewer.addDefaultView(false);
    view.setPreferredSize(new Dimension(600, 400));

    JFrame f = new JFrame("Your GUI");
    // add the view to your components (JFrame, JPanel...)
    f.add(view, BorderLayout.CENTER);
    // add your other GUI stuff here...
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.pack();
    f.setVisible(true);

- Yoann

---

谢谢你的回答。问题是我想让一个先前存在的 GUI 元素（它扩展了 JPanel）作为我的图形的视图。因此，我扩展了 DefaultView 中的自定义组件以尝试实现这一点。简单地从 viewer 中获取视图并不能达到这个目的，因为那样的话视图和我的自定义组件就不会合二为一，如果这有意义的话？ - milez

现在我明白了。那么你的例子可以工作。你只需要确保myPanel对象附加到现有的GUI上，someGUIFrame.add(myPanel, BorderLayout.CENTER);即可。 - Yoann

好的，我能看到这个图表，但不好的是它完全遮盖了我的自定义组件（myPanel）。你知道有没有一种方法可以在我的组件上方简单地绘制节点和边缘，同时还能看到背景组件吗？我需要编辑渲染器吗？ - milez