使用silverlight构建一个工作流设计器(八)(附源代码下载、在线演示、视频教程)

源代码下载：http://www.shareidea.net/opensource.htm

在线演示：http://www.shareidea.net/workflow.htm

视频教程: http://www.shareidea.net/video/sharedesigner/sharedesigner.html

本文源地址： /article/4937557.html

技术支持QQ群：85444465

本文系列索引：

使用silverlight构建一个工作流设计器(一)

使用silverlight构建一个工作流设计器(二)

使用silverlight构建一个工作流设计器(三)

使用silverlight构建一个工作流设计器(四)

使用silverlight构建一个工作流设计器(五)

使用silverlight构建一个工作流设计器(六)

使用silverlight构建一个工作流设计器(七)

使用silverlight构建一个工作流设计器(八)

使用silverlight构建一个工作流设计器(九)

使用silverlight构建一个工作流设计器(十)

使用silverlight构建一个工作流设计器(十一)

从这一版本开始，本程序正是命名为 ShareDesigner.SL

本章主要是增强用户体验功能，包括：1、支持对象多选（包括鼠标和键盘两种方式，类似windows中选择多个文件的方式）。2、支持选中的对象群组移动。3、支持选中的对象拷贝和粘贴（活动和规则）。4、支持更多键盘操作Ctrl+A(全选)，Ctrl+C(拷贝),Ctrl+V(粘贴),Ctrl+Z(回退)，Delete（删除）。5、更多右键菜单。如果您没有耐心继续往下看了，请看上面的视频教程吧。

六 增强的用户体验功能

6.1 支持选择多个对象

对于选择多个对象，我们可以参考windows中选择多个文件的方式。包括两种方式：

l 按住Ctrl键，然后用鼠标一次点击选择的文件，被选中的文件以不同的颜色显示。

l 按下鼠标左键，然后拖动鼠标，在屏幕上画出一个矩形，处在矩形中的文件被选中，同时以不同的颜色显示。

我们给活动和规则增加一个属性 IsSelectd,表示对象是否被选中。如果被选中，那么背景颜色使用区别于没有选中的对象颜色。如下图所示：



同时，在容器类中增加一个属性CurrentSelectedControlCollection，用以存储当前被选中的对象集合。

对于第一种方法，在对象的MouseLeftButtonDown中编写代码，设置对象的IsSelected=!IsSelected，同时将对象加入到容器的CurrentSelectedControlCollection集合中。

对于第二种方法，首先需要根据鼠标在容器内的拖拽动作画出相应的矩形，当鼠标松开时，遍历当前所有容器中的对象，检查对象是否在鼠标画出的矩形区域内，如果在，那么设置对象的IsSelected=true,并将对象添加到容器的属性CurrentSelectedControlCollection中即可。如下图所示：

6.2 支持多个选择对象的群组移动

在前面的内容中，我们使用鼠标拖动一个对象在容器中移动，这个动作只限于一个对象（一个活动，或者一个规则），当用户选择多个对象的时候，希望对这个多个对象进行同步的移动处理。

我们可以在前面代码的基础上进行扩展，对于一个对象，我们的代码已经支持了移动处理，如果有多个对象被选中，我们在移动其中一个对象时，需要计算出当前移动的位移（x，y座标），并把这个位移参数传递给容器对象，在容器对象中根据6.1中的内容，遍历当前选中的对象，根据位移参数重新设置对象的位移即可。

6.3对象的拷贝和粘贴

单个对象支持被拷贝和粘贴，选中的群组对象也支持拷贝和粘贴。

6.3.1对象拷贝

对象靠别类似于windows系统中的拷贝文件，对于windows中的拷贝文件，我们得到了一个完全相同于源文件的备份。对于我们的系统来说，对象包括规则和活动，这两种对象支持拷贝，为了支持拷贝，我们需要给对象增加一个拷贝的方法。这个方法放置在相应对象的类中，就叫做Clone().在这个方法中，首先New了一个新的活动或者规则类，并把当前对象有关的数据和位置信息复制给我们新创建的对象，这样就得到了一个对象的拷贝。

使用6.1中的方法，遍历当前所有选中的对象，对于每一个对象调用它的Clone方法，并把这些备份的对象放在在容器类的CopyElementCollectionInMemory属性中，以便进行粘贴操作。

6.3.2 对象粘贴

有了6.3.1的对象拷贝，对象粘贴就相对简单一点了。我们遍历容器的

CopyElementCollectionInMemory，对于容器中的每一个对象，设置它的位置信息，并添加到容器中即可。

6.4 支持更多的键盘操作

为了使得用户操作更加快捷、简便，我们给系统增加了更多的键盘操作功能。包括

l Ctrl+A：选中容器内的所有对象

l Ctrl+C：拷贝选中的对象到内存中

l Ctrl+V：粘贴内存中的拷贝对象

l Ctrl+Z：退回上一步

l Delete：删除选中的对象