首页 > C风格编程语言 > JAVA编程资料 > 在Java中使用JGraph实现图形绘制
2005
12-10

在Java中使用JGraph实现图形绘制

本来一直很少有机会接触swing或AWT的,只是最近公司要做一个工作流定制界面,所以才终于得偿所愿。我知道,如果一切从底层做起的话,恐怕时间、精力都不允许,而现成的一些工作流产品又不能满足公司特定行业工作流的需求,所以只好找一个开源的中间件进行修改了。就这样,慢慢的认识了JGraph……

  关于JGraph,open-open上是这样介绍的:JGraph,纯Java开发的图形组件,支持拖,放,缩放,合并等其它操作。它可以被结合到任何的Swing应用程序当中。

  在JGraph的网站上可以看到,它分为Free、Pro和Layout Pro版本,作为广大的“劳苦民众”来说,当然首选Free版了。

  JGraph的画图机制

  参照了JGraph的example和源代码,发现:

  JGraph将图元定义为一个一个的cell,每个cell可以是一个顶点(Vertex)、边(Edge)或者节点(Port)中的一种。顶点可以有邻接的顶点,他们通过边相联系,边联接的两个端点称为目标和源,每个目标或者源是一个节点。节点是顶点的孩子。每个cell都可以有自己的孩子。

  每个cell的外观由相应的属性定义,属性序列是指一系列的键-值对,他们以Map形式组织,例如:

  //定义Edge的外观
  Map map = new Hashtable();
  GraphConstants.setLineEnd(map, GraphConstants.ARROW_CLASSIC);
  GraphConstants.setEndFill(map, true);
  GraphConstants.setLabelAlongEdge(map, true);
  getAttributes().applyMap(map);

  而“画布”(类JGraph,不妨如此理解吧)也可以有自己的外观属性。例如:

  //定义画布的属性
  setBackground(Color.decode(“#C0C0C0″));
  setEditable(false);
  setCloneable(false);
  setInvokesStopCellEditing(true);
  setJumpToDefaultPort(true);
  setPortsVisible(false);
  setGridEnabled(false);
  setGridVisible(false);
  setGridMode(JGraph.CROSS_GRID_MODE);
  setGridColor(Color.decode(“#808080″));
  setGridSize(10);

  JGraph的扩展

  JGraph只是提供单纯的图形绘制功能,不包含实际的数据,所以要想办法把自己的数据“加”进去才行,这恐怕就得考虑扩展JGraph了。

  顶点(Vertex)对应的类为org.jgraph.graph.DefaultGraphCell

  边(Edge)对应的类为org.jgraph.graph.DefaultEdge

  节点(Port)对应的类为org.jgraph.graph.DefaultPort

  我们要做的,仅仅是分别继承相应的类,并把自己的数据对象放进去而已。当然,还可以改变相应的外观属性。不过如果你对绘图事件也感兴趣的话(呵呵,十有八九应该有用的),还要留意一下org.jgraph.graph.BasicMarqueeHandler和org.jgraph.graph.GraphUndoManager这两个类呢。BasicMarqueeHandler中包括了在画布上点击鼠标、增加连线、合并等等事件的处理,而GraphUndoManager则主管撤销、回复事件。

  如果仔细操作,你也许回发现,点击边(Edge)的端点进行移动的事件并不由GraphUndoManager来处理,这时候就要再关注一个类了:org.jgraph.graph.EdgeView.EdgeHandle,这是一个内部类,如果需要的话,自己重写一个类继承它吧。这样,大部分需要的事件都尽在自己的掌握中了。

  总结

  其实也没什么好总结的,写本文也是犹豫再三才开键盘的,本来准备在上个月就写呢。一直拖到现在,因为觉得只是简单的应用而已,全是基本功,没有一点“高级”的“新意”,好像实在没什么好写的。

  今天在BlogJava上看了一篇帖子,感触颇深,其中一句“整天口若悬河新技术,不如将经典的旧技术烂醉于心”,一语解开了困惑我很长时间的一个疑团!从基本功做起,不是高手,唯手熟而……


在Java中使用JGraph实现图形绘制》有 3 条评论

  1. wanqfei 说:

    好啊!。。

  2. hiroki 说:

    学习了啊  JAVA的 GUI啊

留下一个回复