回顾:

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

进入主题:

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

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP

Node类:

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

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP

Port类:

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

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

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP
 是不是很简单,Port类方法如下:

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP

Connection类:

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP
 使用Connection类可以绘制节点间的连接线,Connection类方法如下:

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP

Canvas类:

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP
方法如下:

基于easyui开发Web版Activiti流程定制器详解(六)——Draw2d详解(二)-LMLPHP

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

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

定制器下载地址

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

Activit官方文档地址

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

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

温馨提示,下面是广告时间(不喜请绕行)

推广一下本人的小店:

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

优惠多多,欢迎光临!

04-20 17:47