blocks|key|3680285|text|如果你正在尝试“使用你自己的”解决方案，我有一些建议：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3680286|显然，您将需要使用MouseAdapter.|3680287|Your可以组合成单个实体的MouseMotionListener和MouseListener，可能会在的paintComponent方法中绘制线条。|unordered-list-item|3680288|，那么你对节点的选择就不一样了。您可以使用诸如JLabels这样的组件，每个组件都附加了一个MouseAdapter+(同样是MouseListener和MouseMotionListener)+|3680289|，或者您可以使用添加到JPanel的单个MouseAdapter，并在JPanel的paintComponent(...)方法中再次将节点呈现为矩形。|offset|length|style|CODE|3680290|节点和连接的数据应该与图形用户界面分开保存，也许可以放在它自己的“模型”类中，作为MVC+(模型-视图-控制器)的一部分。MouseAdapter将成为MVC结构的“控件”的一部分，并将更改模型。|3680291|我更希望能够向模型中添加侦听器(如PropertyChangeListener+)，并让视图(+Swing+GUI+)根据所触发的侦听器来更改其显示。|3680292|3680293|3680294|由于这可能是家庭作业，所以我将留给您来制定细节和代码，但如果您在特定步骤中遇到困难，请随时返回您的代码。|3680295|entityMap^0|0|0|0|0|16|J|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|12|8|@$K|13|L|14|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|15|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|16|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|19|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|X|$]]

If you're trying to "roll your own" solution, I have a few suggestions:

<ul>
<li>Obviously you will need to use a MouseListener and MouseMotionListener which can be combined into a single entity by using a MouseAdapter.</li>
<li>Your lines will likely be drawn in a JPanel's paintComponent method. </li>
<li>Then your choices for nodes diverge. You can use components such as JLabels, each with a MouseAdapter attached (again as both a MouseListener and a MouseMotionListener) </li>
<li>or you can use a single MouseAdapter added to a JPanel and render your nodes as rectangles again in the JPanel's <code>paintComponent(...)</code> method. </li>
<li>The data for the nodes and connections should be held separate from the GUI, perhaps in its own "model" class as part of an MVC (model-view-controller) application.</li>
<li>The MouseAdapter would be part of the "control" of your MVC structure and would change the model.</li>
<li>I prefer to be able to add listeners to my models, such as a PropertyChangeListener, and have the view, the Swing GUI, instigate a change of its display based on its listener being fired.</li>
</ul>

Since this is probably homework, I'll leave you to work out the details and code, but feel free to come back with your code if you get stuck at a specific step.

blocks|key|3680332|text|试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3680333|<dependency>
++++++++<groupId>jgraph</groupId>
++++++++<artifactId>jgraph</artifactId>
++++++++<version>5.13.0.0</version>
++++</dependency>|code-block|syntax|javascript|3680334|我们用这个库创建了一个非常复杂的swing+UI界面，里面有很多面向图形的结构。看看这里，http://www.jgraph.com，还是直接在这里，http://www.jgraph.com/images/business-large.png，这是你要找的吗？|offset|length|3680335|entityMap|0|LINK|mutability|MUTABLE|url|http://www.jgraph.com/|1|http://www.jgraph.com/images/business-large.png^0|0|0|19|L|0|23|1B|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]|$I|10|J|11|1|12]]|A|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

try this one 

<pre><code>&lt;dependency&gt;
 &lt;groupId&gt;jgraph&lt;/groupId&gt;
 &lt;artifactId&gt;jgraph&lt;/artifactId&gt;
 &lt;version&gt;5.13.0.0&lt;/version&gt;
 &lt;/dependency&gt;
</code></pre>

we really created very complex swing UI screen with a lot of graph oriented structures with this lib. take a look here <a href="http://www.jgraph.com" rel="noreferrer">http://www.jgraph.com</a> or directly here <a href="http://www.jgraph.com/images/business-large.png" rel="noreferrer">http://www.jgraph.com/images/business-large.png</a> Is this something you are looking for?

blocks|key|3680397|text|我建议你试试JUNG库。我使用这个库(而不是JGraph)创建了一个应用程序，因为我认为对于新手来说，JUNG比JGraph更容易学习(即使它提供的功能较少)。我只需要简单的节点和它们之间的边。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3680398|它看起来像这样(可能这或多或少就是你想要做的)：|3680399|📷|atomic|3680400|​|3680401|以下是核心JUNG功能的基本代码片段：|3680402|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));
}|code-block|syntax|javascript|3680403|图中的对象表示为：|3680404|3680405|3680406|entityMap|0|LINK|mutability|MUTABLE|url|http://jung.sourceforge.net/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/3bf50dc67cd0682bcdc9e49371023a11.png|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/c8d7195b29a4f2b5ee9af2ac9241e748.png^0|M|6|1K|6|6|4|0|0|0|0|1|1|0|0|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|F|3|G|5|6|7|1L|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1M|8|@]|D|@$9|1N|A|1O|1|1P]]|E|$]]|$1|K|3|L|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1R|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1S|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|1T|8|@]|D|@]|E|$]]|$1|V|3|I|5|J|7|1U|8|@]|D|@$9|1V|A|1W|1|1X]]|E|$]]|$1|W|3|L|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1Z|8|@]|D|@]|E|$]]]|Y|$Z|$5|10|11|12|E|$13|14]]|15|$5|16|11|17|E|$18|19|1A|-4]]|1B|$5|16|11|17|E|$18|1C|1A|-4]]]]

I suggest you to try out <a href="http://jung.sourceforge.net/" rel="nofollow noreferrer">JUNG</a> library.
I've created an application with this library (instead of <code>JGraph</code>) because I thought that JUNG is easier to learn than <code>JGraph</code> for newbies (even if it provide less features). I needed only simple nodes and edges between them.

It look like this (probably this is more or less what you're trying to do):
<img src="https://i.stack.imgur.com/AFbbA.png" alt="Application example">

Here is basic code snippet from core JUNG functionality:

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

 graph = new DirectedSparseGraph&lt;ArchObject, EdgeKey&gt;();

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

 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));
}
</code></pre>

And objects in graph are represented by:
<img src="https://i.stack.imgur.com/7XhCF.png" alt="Class hierarchy">

In my java project, I need to create a GUI with swing where I will have a canvas like space. The user should be able to click and create nodes and then link nodes with edges (like you would create a UML diagram in MS Visio). The user should also be able to move the nodes along with edges. Then my application would save the network and run the selfish nodes algorithm and user should be able to see it live on GUI (creation and elimination of edges). I am not sure which swing tools I would need to use to accomplish this. (and can it be done in WPF, what tools I have to use for that)

how to create movable nodes and edges in java swing GUI?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在我的java项目中，我需要使用swing创建一个GUI，在其中我将拥有一个类似画布的空间。用户应该能够单击并创建节点，然后用边链接节点(就像在MS Visio中创建UML关系图一样)。用户还应该能够将节点与边一起移动。然后，我的应用程序将保存网络并运行自私节点算法，用户应该能够在GUI上实时看到它(边的创建和消除)。...

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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