使用silverlight构建一个图形化流程设计器(二)

核心提示： 从上面代码可以看出，活动类主要包含一个矩形的图形，使用silverlight构建一个图形化流程设计器(二)(3)，还有一个删除按钮，图形显示如下：3.12 后台代码活动类主要实现主要动作（函数）l 鼠标拖拽l 删除l 关联到规则(增加，整个规则图形（包括起始端点，中间线段，删除)l 输出活

从上面代码可以看出，活动类主要包含一个矩形的图形，还有一个删除按钮。图形显示如下：

3.12 后台代码

活动类主要实现主要动作（函数）

l　　　　　　　　 鼠标拖拽

l　　　　　　　　 删除

l　　　　　　　　 关联到规则(增加，删除)

l　　　　　　　　 输出活动xml描述

l　　　　　　　　 导入xml描述

还有一些主要属性：

l　　　　　　　　 活动标示（ID）

l　　　　　　　　 活动名称（Name）

l　　　　　　　　 所有关联的规则的集合

以及一些主要的事件：

l　　　　　　　　 移动

l　　　　　　　　 删除

具体代码不再贴出，大家可以下载源代码运行。

一个规则从图形上被分成三个部分，起始端点（白色），中间线段，终结端点（黑色）（在实际环境中，应该整体表现为一个带箭头的线段，为了便于描述，先这样表示，在后面的美化部分将作修改）。这三个部分都可以被鼠标拖动，当拖动起始端点时，起始端点随着鼠标变化而变化位置，终结端点不动，中间线段根据起始端点和终结端点计算位置。拖动终结端点类似于拖动起始端点。当拖动中间线段时，整个规则图形（包括起始端点，中间线段，终结端点）随着鼠标移动而移动。