基于easyui开发Web版Activiti流程定制器详解（六）—

回顾：

上一篇我们介绍了Draw2d整体结构，展示了组件类关系图，其中比较重要的类有Node、Canvas、Command、Port、Connection等，这篇将进一步介绍Draw2d如何使用以及如何扩展。

进入主题：

详细介绍一下Draw2d中几个比较重要的类：

Node类：

是对添加到画布上的节点的高度抽象，如：开始、结束、各种类型Task节点等。它的实现类比较多这里不一一展开讲解了，我们来看看它有哪些重要的方法：

Port类：

是对连接节点间的线的起点和终点的抽象，它有两个实现类：InputPort和OutputPort。

它们有什么区别呢？看下图你就会明白：

是不是很简单，Port类方法如下：

Connection类：

使用Connection类可以绘制节点间的连接线，Connection类方法如下：

Canvas类：

方法如下：

以上介绍的是本设计器主要使用到的类以及方法，其他类和方法由于时间篇幅有限这里不过多的说明，请参考源码比较容易理解。

下一篇讲解如何扩展和使用Draw2d

定制器下载地址

Activit官方文档地址

http://activiti.org/userguide/index.html

-------------------------------------------------华丽分割线---------------------------------------------------------------------

温馨提示，下面是广告时间（不喜请绕行）

推广一下本人的小店：

http://tianya-zahuopu.taobao.com/

优惠多多，欢迎光临！