如何在使用GraphStream（或其他庫）擴展JPanel的自定義Java swing組件上繪制節點和邊緣？

Question

我正在為Java swing程序創建一個用戶界面，該界面應允許用戶創建由邊連接的節點網絡。 允許用戶標記那些節點和邊。

UI當前具有一個自定義圖形組件，該組件擴展了JPanel ，它本身很有意義，具有諸如縮放和拖動之類的工作操作。 我正在嘗試使用GraphStream庫（ http://graphstream-project.org/ ）將此自定義面板轉換為支持GraphStream Graph的View 。 由於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作為背景。

Answer 1

不知道我知道你想做什么。 但是，如果您只是想將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);

Answer 2

如果有人遇到相同的問題，這就是我為克服該問題所做的工作。 請記住，至關重要的是后台組件必須保持其所有原始功能。 總體而言，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());