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

阅读更多

回顾：

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

 

进入主题：

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


 

Node类：

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

 

Port类：

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

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

 

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

 

Connection类：

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

 

Canvas类：

方法如下：

 

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

 

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

 

 定制器下载地址

http://lisonghua2010.iteye.com/admin/blogs/1490165

 

Activit官方文档地址

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

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

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

推广一下本人的小店：

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

优惠多多，欢迎光临！

• 
• 大小: 29.4 KB

• 
• 大小: 70.7 KB

• 
• 大小: 112.5 KB

• 
• 大小: 36.5 KB

• 
• 大小: 34.3 KB

• 
• 大小: 74.2 KB

• 
• 大小: 6 KB

• 
• 大小: 49 KB

• 查看图片附件