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

核心提示：源代码下载：http://www.shareidea.net/opensource.htm在线演示：http://www.shareidea.net/workflow.htm视频教程: http://www.shareidea.net/video/sharedesigner/sharedesigner.html本章包含

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

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

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

本章包含以下内容：

l　　　　　　　　 规则曲线支持两个中间点的移动

l　　　　　　　　 双击规则中间点，自定对齐曲线

l　　　　　　　　 增加选定活动的左右、上下对齐功能

六、增强的用户体验功能

6.8规则曲线支持两个中间点的移动

在前面的规则图形中，也支持曲线类型的线条，但是线条的转折点是自动生成的，根据网友的反馈，希望增加可以用户自己移动的转折点，效果图如下：

为了使得程序清晰，更加面向对象，对于转折点我们使用一个单独的类（用户控件）来表示，这个转折点类只包含一个圆（Ellipse）。Xmal代码如下：

<UserControl　x:Class="Shareidea.Web.UI.Control.Workflow.Designer.RuleTurnPoint"
　　　　xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"　
　　　　xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"　　　　>
　　　　<Canvas>
　　　　　　　　<Canvas.Resources>
　　　　　　　　　　　　<Storyboard　　x:Name="sbDisplay">
　　　　　　　　　　　　　　　　<DoubleAnimation　　　From="0"　To="0.8"　Duration="00:00:1.0"　
　　　　　　　　　　　　　　　　　　　　Storyboard.TargetName="eliTurnPoint"　
　　　　　　　　　　　　　　　　　　　　Storyboard.TargetProperty="Opacity"　>
　　　　　　　　　　　　　　　　</DoubleAnimation>
　　　　　　　　　　　　</Storyboard>
　　　　　　　　　　　
　　　　　　　　　　　　<Storyboard　　x:Name="sbColse">
　　　　　　　　　　　　　　　　<DoubleAnimation　　　From="0.8"　To="0.0"　Duration="00:00:1.0"　
　　　　　　　　　　　　　　　　　　　　Storyboard.TargetName="eliTurnPoint"　
　　　　　　　　　　　　　　　　　　　　Storyboard.TargetProperty="Opacity"　>
　　　　　　　　　　　　　　　　</DoubleAnimation>
　　　　　　　　　　　　</Storyboard>　　
　　　　　　　　</Canvas.Resources>

　　　　　　　　<Ellipse　Name="eliTurnPoint"　Width="8"　Height="8"　Fill="Green"　Opacity="0.8"
　　　　　　　　　　　　　　　　　MouseLeftButtonDown="Canvas_MouseLeftButtonDown"
　　　　　　　　MouseLeftButtonUp="Canvas_MouseLeftButtonUp"
　　　　　　　　MouseMove="Canvas_MouseMove"
　　　　　　　　　　　　　　　　　></Ellipse>
　　　　</Canvas>
</UserControl>