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