如何在 MVC-gui 中使用 JUNG2？
我正在玩 JUNG2，想要实现一个小型 GUI，允许我显示和更改图表。遵循 JUNG 库中的示例效果很好，但它们没有分离模型、视图和控制器。所以我开始以干净的分离方式构建 GUI。
我的第一个 GUI 版本应该是简单地显示初始图形。视图是模型的观察者，每当图形发生变化时（在图形的初始化步骤中只发生一次），视图就会收到通知。但是，该图并未显示在屏幕中央（就像在非 MVC 示例中一样），但我可以在左上角看到它的一小部分。
现在，这引出了一个普遍问题：我如何告诉 jung 可视化组件模型发生了变化？稍后：我如何使用现成的组件，例如 MVC 架构中的 Jung-Mouse？ JUNG 似乎有混合模型、视图和控制器，我不确定如何以及在哪里正确使用它们。
编辑： Jung教程展示了如何使用鼠标管理更改，但没有显示如何根据模型中的更改更改视图（通过其他选项，例如按钮“添加节点”或其他东西）
这是我迄今为止的第一次尝试：
视图
public class MOCView implements GraphChangeObserver {
private final ControllerInterface controller;
private final MOCModelInterface model;
private Layout<Node, Edge> layout;
private BasicVisualizationServer<Node, Edge> visualization;
private JFrame frame;
public MOCView(final ControllerInterface controller,
final MOCModelInterface model) {
this.controller = controller;
this.model = model;
model.registerObserver(this);
}
public void createView() {
this.layout = new CircleLayout<Node, Edge>(this.model.getGraph());
this.layout.setSize(new Dimension(300, 300));
this.visualization = new BasicVisualizationServer<Node, Edge>(
this.layout);
this.visualization.setPreferredSize(new Dimension(350, 350));
this.frame = new JFrame("MOC View");
this.frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.frame.getContentPane().add(this.visualization);
this.frame.pack();
this.frame.setVisible(true);
}
@Override
public void updateGraph() {
this.visualization.repaint();
}
}
模型
public class MOCModel implements MOCModelInterface {
private final Graph<Node, Edge> graph = new DirectedSparseGraph<Node, Edge>();
private final ArrayList<GraphChangeObserver> graphChangeObservers = new ArrayList<GraphChangeObserver>();
@Override
public void initialize() {
this.generateInitialGraph();
}
@Override
public Graph<Node, Edge> getGraph() {
return this.graph;
}
@Override
public void registerObserver(final GraphChangeObserver o) {
this.graphChangeObservers.add(o);
}
@Override
public void removeObserver(final GraphChangeObserver o) {
this.graphChangeObservers.remove(o);
}
private void generateInitialGraph() {
final Node nodeA = new Node("Node A");
this.graph.addVertex(nodeA);
final Node nodeB = new Node("Node B");
this.graph.addVertex(nodeB);
final Node nodeC = new Node("Node C");
this.graph.addVertex(nodeC);
final Node nodeD = new Node("Node D");
this.graph.addVertex(nodeD);
final Node nodeE = new Node("Node E");
this.graph.addVertex(nodeE);
this.graph.addEdge(new Edge("Edge 1"), nodeA, nodeB);
this.graph.addEdge(new Edge("Edge 2"), nodeA, nodeC);
this.graph.addEdge(new Edge("Edge 3"), nodeB, nodeC);
this.graph.addEdge(new Edge("Edge 4"), nodeC, nodeD);
this.graph.addEdge(new Edge("Edge 5"), nodeD, nodeE);
this.graph.addEdge(new Edge("Edge 6"), nodeA, nodeE);
this.graph.addEdge(new Edge("Edge 7"), nodeE, nodeA);
this.graph.addEdge(new Edge("Edge 8"), nodeD, nodeB);
notifyGraphChangeObservers();
}
private void notifyGraphChangeObservers() {
for (final GraphChangeObserver gco : this.graphChangeObservers) {
gco.updateGraph();
}
}
}
控制器
public class MOCController implements ControllerInterface {
private final MOCModelInterface model;
private final MOCView view;
public MOCController(final MOCModelInterface model) {
this.model = model;
this.view = new MOCView(this, model);
this.view.createView();
this.model.initialize();
}
}
主类
public class MOCStart {
/**
* @param args
*/
public static void main(final String[] args) {
final MOCModelInterface model = new MOCModel();
new MOCController(model);
}
}
I was playing around with JUNG2 and wanted to implement a small GUI that allows me to display and change a Graph. Following the examples from the JUNG library worked fine, but they don't separate Model, View and Controller. So I started to build GUI with a clean separation.
My first version of a GUI is supposed, to simply show an initial graph. The view is an observer of the model and gets notifications, whenever the graph changes, which happens exactly one time, at the initialization step of the graph. However, the graph isn't displayed in the center of the screen, (as it was in the non-MVC example), but I can see a small part of it in the upper-left corner.
Now, this leads to the general question: How do I tell the jung-visualization components, that the model changed? And for later: How do I use ready-to-use components, like the Jung-Mouse in a MVC-Architecture? JUNG seems to have mixed model, view and controller and I'm not sure, how and where to use them properly.
EDIT: The Jung Tutorial shows how to manage changes by using the mouse, but it doesn't show, how to change the view based on changes in the model (through other options, e.g. a button "add node" or something else)
Here is my first try so far:
The View
public class MOCView implements GraphChangeObserver {
private final ControllerInterface controller;
private final MOCModelInterface model;
private Layout<Node, Edge> layout;
private BasicVisualizationServer<Node, Edge> visualization;
private JFrame frame;
public MOCView(final ControllerInterface controller,
final MOCModelInterface model) {
this.controller = controller;
this.model = model;
model.registerObserver(this);
}
public void createView() {
this.layout = new CircleLayout<Node, Edge>(this.model.getGraph());
this.layout.setSize(new Dimension(300, 300));
this.visualization = new BasicVisualizationServer<Node, Edge>(
this.layout);
this.visualization.setPreferredSize(new Dimension(350, 350));
this.frame = new JFrame("MOC View");
this.frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.frame.getContentPane().add(this.visualization);
this.frame.pack();
this.frame.setVisible(true);
}
@Override
public void updateGraph() {
this.visualization.repaint();
}
}
The Model
public class MOCModel implements MOCModelInterface {
private final Graph<Node, Edge> graph = new DirectedSparseGraph<Node, Edge>();
private final ArrayList<GraphChangeObserver> graphChangeObservers = new ArrayList<GraphChangeObserver>();
@Override
public void initialize() {
this.generateInitialGraph();
}
@Override
public Graph<Node, Edge> getGraph() {
return this.graph;
}
@Override
public void registerObserver(final GraphChangeObserver o) {
this.graphChangeObservers.add(o);
}
@Override
public void removeObserver(final GraphChangeObserver o) {
this.graphChangeObservers.remove(o);
}
private void generateInitialGraph() {
final Node nodeA = new Node("Node A");
this.graph.addVertex(nodeA);
final Node nodeB = new Node("Node B");
this.graph.addVertex(nodeB);
final Node nodeC = new Node("Node C");
this.graph.addVertex(nodeC);
final Node nodeD = new Node("Node D");
this.graph.addVertex(nodeD);
final Node nodeE = new Node("Node E");
this.graph.addVertex(nodeE);
this.graph.addEdge(new Edge("Edge 1"), nodeA, nodeB);
this.graph.addEdge(new Edge("Edge 2"), nodeA, nodeC);
this.graph.addEdge(new Edge("Edge 3"), nodeB, nodeC);
this.graph.addEdge(new Edge("Edge 4"), nodeC, nodeD);
this.graph.addEdge(new Edge("Edge 5"), nodeD, nodeE);
this.graph.addEdge(new Edge("Edge 6"), nodeA, nodeE);
this.graph.addEdge(new Edge("Edge 7"), nodeE, nodeA);
this.graph.addEdge(new Edge("Edge 8"), nodeD, nodeB);
notifyGraphChangeObservers();
}
private void notifyGraphChangeObservers() {
for (final GraphChangeObserver gco : this.graphChangeObservers) {
gco.updateGraph();
}
}
}
The Controller
public class MOCController implements ControllerInterface {
private final MOCModelInterface model;
private final MOCView view;
public MOCController(final MOCModelInterface model) {
this.model = model;
this.view = new MOCView(this, model);
this.view.createView();
this.model.initialize();
}
}
The Main Class
public class MOCStart {
/**
* @param args
*/
public static void main(final String[] args) {
final MOCModelInterface model = new MOCModel();
new MOCController(model);
}
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
了解 JUNG2 工作原理的最佳方法是使用 Maven
svn checkout http://jung.googlecode.com/svn/trunk/ jung-read-only通过 m2e Maven 查看 SVN 存储库中的示例Eclipse 插件从这里，检查包 edu.uci.ics.jung.samples 中涉及图形鼠标的各种 JUNG2 代码示例：例如
GraphEditorDemo.java注意：应用下面的 SVN 补丁来纠正一些错误
The best way to learn how JUNG2 works is to look at its samples from SVN repository using Maven
svn checkout http://jung.googlecode.com/svn/trunk/ jung-read-onlyvia m2e Maven Eclipse pluginFrom here, check the package edu.uci.ics.jung.samples for various JUNG2 code samples involving graph mouse: e.g.
GraphEditorDemo.javaNote: Apply the SVN patches below to correct a few bugs