如何在java swing GUI中创建可移动节点和边缘？

Question

在我的java项目中，我需要创建一个带有swing的GUI，我将拥有一个像space一样的画布。用户应该能够单击并创建节点，然后使用边链接节点（就像在MS Visio中创建UML图一样）。用户还应该能够将边缘移动节点。然后我的应用程序将保存网络并运行自私节点算法，用户应该能够在GUI上看到它（创建和消除边缘）。我不确定我需要使用哪种摆动工具来实现这一目标。 （可以在WPF中完成，我必须使用哪些工具）

Answer 1

尝试这个

<dependency>
        <groupId>jgraph</groupId>
        <artifactId>jgraph</artifactId>
        <version>5.13.0.0</version>
    </dependency>

我们真的用这个lib创建了非常复杂的swing UI屏幕，其中有很多面向图形的结构。看看http://www.jgraph.com或直接在这里http://www.jgraph.com/images/business-large.png这是您要找的东西吗？

Answer 2

如果您正在尝试“推出自己的”解决方案，我会提出一些建议：

• 显然，您需要使用MouseListener和MouseMotionListener，它们可以通过使用MouseAdapter组合成一个实体。
• 您的线条可能会在JPanel的paintComponent方法中绘制。
• 然后你对节点的选择发生了分歧。您可以使用JLabel等组件，每个组件都附带一个MouseAdapter（同样作为MouseListener和MouseMotionListener）
• 或者您可以使用添加到JPanel的单个MouseAdapter，并在JPanel的paintComponent(...)方法中再次将节点渲染为矩形。
• 节点和连接的数据应与GUI分开，可能在其自己的“模型”类中作为MVC（模型 - 视图 - 控制器）应用程序的一部分。
• MouseAdapter将成为MVC结构“控件”的一部分，并会改变模型。
• 我更喜欢能够将侦听器添加到我的模型中，例如PropertyChangeListener，并且让视图Swing GUI根据其侦听器的触发更改其显示。

由于这可能是家庭作业，我将让您完成详细信息和代码，但如果您遇到特定步骤，请随时回复您的代码。

Answer 3

我建议您试用JUNG库。 我已经使用这个库（而不是JGraph）创建了一个应用程序，因为我觉得JUNG比新手更容易学习JGraph（即使它提供的功能更少）。我只需要简单的节点和它们之间的边缘。

看起来像这样（可能这或多或少是你想要做的）：

以下是核心JUNG功能的基本代码段：

public ArchitectureEditor(String title, MainWindow mainWindow, ArchObjContextConcern contextConcern) {
    super(title);
    setName(NAME);

    graph = new DirectedSparseGraph<ArchObject, EdgeKey>();

    layout = new StaticLayout<ArchObject, EdgeKey>(graph);
    vv = new AutoCropVisualizationViewer(layout); //extends VisualizationViewer<ArchObject, EdgeKey>
    vv.getRenderContext().setEdgeShapeTransformer(new EdgeShape.Line<ArchObject, EdgeKey>());

    VERTEX_ICON_TRANSFORMER = new ArchObjIconTransformer(vv);
    VERTEX_SHAPE_TRANSFORMER = new ArchObjShapeTransformer(vv);
    vv.getRenderContext().setVertexShapeTransformer(VERTEX_SHAPE_TRANSFORMER);
    vv.getRenderContext().setVertexIconTransformer(VERTEX_ICON_TRANSFORMER);

    graphMouse = new ArchGraphMouse(mainWindow, contextConcern);
    vv.setGraphMouse(graphMouse);
    vv.addKeyListener(new ArchGraphKeyboard(mainWindow, this));
    vv.setBackground(Color.WHITE);

    ComponentUtils.setForcedSize(vv, 1, 1);
    setLayout(new BorderLayout());
    add(new JScrollPane(vv));
}

图中的对象表示为：