返回列表
发布日期: 2009-07-02 发布者: cobra 中文编程图书最低价热卖  English Programming Books 1#
上一篇：使用silverlight构建一个工作流设计器(十八)-持久化数据到数据库—服务器段功能实现

19.1 规则和活动交点的平滑移动

在之前的版本中，规则和活动的关联，如果活动图形是矩形或者菱形，那么系统只定义了4个关联点，分别在上下左右，如下图所示：

附件: workflowdesigner_21.jpg

这样的关联设定也可以用，但还不是很完美，经过改进，现在实现为两个活动的中间连线与活动的相交点。如果拖动活动或者规则，那么这个交点就会平滑的移动，不会像之前那样在4个点之间跳动了，如下图所示：

附件: workflowdesigner_22.jpg

这个功能的实现不复杂，主要是分析好各种关系就可以了。下面以矩形图活动为例，具体描述一下相应的思路和代码。如下图所示：


附件: workflowdesigner_23.jpg

现在已知起始点坐标与终点坐表，以及活动A的长和宽，求从起始点到终点的连线和活动A的交点。这是一个很简单的平面几何算数题，我们需要注意的是当起始点坐标和终点坐表的相对位置不同时（例如，起始点在终点的左上、左下、右上、右下），计算公式稍有变化。下面的代码具体描述了计算方法。
  1. //起始点坐标和终点坐标之间的夹角（相对于Y轴坐标系）

  3. double angle = Math.Abs(Math.Atan((endPoint.X - beginPoint.X) / (endPoint.Y - beginPoint.Y)) * 180.0 / Math.PI);

  5. //活动的长和宽之间的夹角（相对于Y轴坐标系）

  7. double angel2 =Math.Abs( Math.Atan(PictureWidth / PictureHeight) * 180.0 / Math.PI);

  9. //半径

  11. double radio = PictureHeight<PictureWidth?PictureHeight/2:PictureWidth/2;

  13. if (angle <= angel2)//起始点坐标在终点坐标的上方,或者下方

  15. {

  17.     if (endPoint.Y < beginPoint.Y)//在上方

  19.     {

  21.         if (endPoint.X < beginPoint.X)

  23.             p.X = endPoint.X + Math.Tan(Math.PI * angle / 180.0) * radio;

  25.         else

  27.             p.X = endPoint.X - Math.Tan(Math.PI * angle / 180.0) * radio;


  30.         p.Y = endPoint.Y + PictureHeight / 2;

  32.     }

  34.     else//在下方

  36.     {

  38.         if (endPoint.X < beginPoint.X)

  40.             p.X = endPoint.X + Math.Tan(Math.PI * angle / 180.0) * radio;

  42.         else

  44.             p.X = endPoint.X - Math.Tan(Math.PI * angle / 180.0) * radio;


  47.         p.Y = endPoint.Y - PictureHeight / 2;

  49.     }

  51. }


  54. else//左方或者右方

  56. {

  58.     if (endPoint.X < beginPoint.X)//在右方

  60.     {

  62.         p.X = endPoint.X + PictureWidth / 2;

  64.         if (endPoint.Y < beginPoint.Y)

  66.             p.Y = endPoint.Y + Math.Tan(Math.PI * (90 - angle) / 180.0) * radio;

  68.         else

  70.             p.Y = endPoint.Y - Math.Tan(Math.PI * (90 - angle) / 180.0) * radio;

  72.     }

  74.     else//在左方

  76.     {

  78.         p.X = endPoint.X - PictureWidth / 2;

  80.         if (endPoint.Y < beginPoint.Y)

  82.             p.Y = endPoint.Y + Math.Tan(Math.PI * (90 - angle) / 180.0) * radio;

  84.         else

  86.             p.Y = endPoint.Y - Math.Tan(Math.PI * (90 - angle) / 180.0) * radio;


  89.     }
复制代码
19.2 双击面板生成活动

这个功能也是网友的建议，现在生成活动可以使用两种方式，点击添加活动 按钮，以及使用右键菜单。根据网友建议，增加一个新的方式，双击容器面板，在当前位置生成活动。这个功能比较简单，主要是检测鼠标双击事件，然后在当前鼠标位置生成一个活动，具体的代码如下：
  1. Activity a = new Activity((IContainer)this, ActivityType.INTERACTION);

  3. a.ActivityName = Text.NewActivity + NextNewActivityIndex.ToString();

  5. Point p = e.GetPosition(this); 

  7. a.CenterPoint = new Point(p.X - this.Left, p.Y - this.Top);

  9. this.AddActivity(a);
复制代码
（文/chegan）

下一篇：使用silverlight构建一个工作流设计器(二十)-增加标签（上）

源码下载
使用silverlight构建一个工作流设计器(十九)-规则与活动的交点的平滑移动
TOP
返回列表