WEB开发网
开发学院图形图像Flash 使用silverlight构建一个工作流设计器(四) 阅读

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

 2009-05-05 12:06:44 来源:WEB开发网   
核心提示: 第一种方法比较简单,但是使用图片一个是增加客户端下载内容的大小,使用silverlight构建一个工作流设计器(四)(2),还有不方便改变显示的颜色,每次改变颜色都要换新的图片,这个方法有两个参数分别表示直线的起始和终结位置坐标,这样一个带箭头的直线就完成了,不方便,那么我们就自己写一个表

第一种方法比较简单,但是使用图片一个是增加客户端下载内容的大小,还有不方便改变显示的颜色,每次改变颜色都要换新的图片,不方便。那么我们就自己写一个表示图片的类,方式在规则的尾部。

这个类继承自System.Windows.Controls.Canvas,我们叫它 Arrowhead ,Arrowhead类包含两个子控件,分别是两个 Line(直线)类,这两个直线类按照不同的角度排列,就可以形成一个箭头,类似下面的图形:

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

把这个类放在规则类的尾部,就形成了一个带箭头的直线,如下所示:

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

这样用几个对象合成了一个带箭头的直线 。

接下来的问题就是当直线被拖转进行位移和旋转的时候,箭头也要随着进行相同的位移和旋转。虽然我们不知道如何具体的实现,但是经过分析得知,这个旋转的角度和直线的起始点坐标位置和终点坐标位置有关,那么我们给箭头类增加一个方法来设置这个变化,这个方法有两个参数分别表示直线的起始和终结位置坐标,这样一个带箭头的直线就完成了。这样的过程可用下图来表示:

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

接下来我们在规则类的xaml文件中这册这个类,类似下面的代码:

Tags:使用 silverlight 构建

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接