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



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

 

进入主题：

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


 

Node类：

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

 

Port类：

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

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

 

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

 

Connection类：

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

 

Canvas类：

方法如下：

 

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