Silverlight WorkFlow画图--Canvas画布的处理

前面简单的介绍了 Activity控件以及ArrowLine控件

Activity和ArrowLine这两个控件，最终得要一个地方展现出来，而这个地方就在--Canvas画布上

在Canvas画布上可以添加好多Activity和ArrowLine控件

但是怎么把这些Activity和ArrowLine控件关联起来呢

今天就简单的写一下，个人水平有限

如的什么可以改进的地方，还望各位告诉一下

还是拿图说话吧

Canvas画布的Activity控件在右边的控件里增加进来的

而ArrowLine带箭头的线是左键按下时画出来的分三部

第一：目前ArrowLine画线是左键按下的时候，把当前的鼠标的坐标(foot)记录下来 ，在new ArrowLine的时候，把坐标（foot）传给ArrowLine里去；这样线的尾部的坐标就算确定了，

第二：然后拖动鼠标的时候，记录当前移动鼠标的坐标(cap)，同时修改 ArrowLine箭头的坐标（cap)；

第三：鼠标松开的时候，一条带箭头的线就划完了；

画完的线不想用了内能删除，不能移动（以后改进一下...）

也与一Activity控件之间没有任何关系。

现在开始说一下Canvas有哪些的三个事件MouseLeftButtonDown、MouseMove、MouseLeftButtonUp。

第一个是MouseLeftButtonDown:

左键的时候，流程如下：

代码如下：

            e.Handled = true;
            isMove = true;
            Point p = e.GetPosition(print);
            if (_newLine != null && p == _newLine.StartPoint)
            {
                return;
            }

            FrameworkElement element = sender as FrameworkElement;
            element.CaptureMouse();
            double top = p.Y;
            double left = p.X;

            _newLine = new ArrowLine(p,p);
            _newLine.Name = string.Format("ArrowLine_{0}",++Index);
            _newLine.LineGuid = Wrapper.GuidValue;
            CreateArrowLine(_newLine);

第二个MouseMove:

鼠标在Canvas上移动的时流程图大致如下：

代码如下：

            if (isMove)
            {
                Point p = e.GetPosition(print);
                if (p == _newLine.StartPoint)
                {
                    RemoveArrowLine(_newLine);
                }
                else
                {
                    _newLine.EndPoint = p;
                }
            }

第三个MouseLeftButtonUp：

鼠标弹起来的时流程图大致如下：

代码如下：

 isMove = false;
            Is_Activity = false;
            //e.Handled = false;
            FrameworkElement element = sender as FrameworkElement;
            element.ReleaseMouseCapture();
            if (_newLine == null)
            {
                return;
            }
            Point p = e.GetPosition(print);
            if (p == _newLine.StartPoint)
            {
                RemoveArrowLine(_newLine);
            }
            else
            {
                //-->如果当前的箭头，所连接的控件，与移动进去的控件不是同一控件的话。
                foreach (var v in DictControls)
                {
                    IActivity iact = v.Value as IActivity;
                    if (null == iact)
                    {
                        continue;
                    }
                    //-->获取当前控件的
                    double top = Canvas.GetTop(v.Value);
                    double left = Canvas.GetLeft(v.Value);
                    //-->判断当前的箭头进入Activity控件区域
                    if ((p.X >= left && p.X <= (left + v.Value.Width)) && (p.Y >= top && p.Y <= (top + v.Value.Height)))
                    {
                        //-->判断当前的箭头是否可以连接到Activity控件上去。
                        if (!iact.IsConnection())
                        {
                            MessageBox.Show("不能连接");
                            RemoveArrowLine(_newLine);
                            continue;
                        }
                        //-->当前线的尾部控件与当前进入的控件相同，不进行操作
                        if (null != _newLine.ArrowFootControl && _newLine.ArrowFootControl.Equals(v.Value))
                        {
                            continue;
                        }
                        IActivity arrowFoot = _newLine.ArrowFootControl as IActivity;
                        if (arrowFoot != null && arrowFoot.CheckedArrowIsExists(iact))
                        {
                            MessageBox.Show("已经存在相同的线了");
                            RemoveArrowLine(_newLine);
                            continue;
                        }
                        string _point = string.Format("X_{0}_Y_{1}",_newLine.StartPoint.X,_newLine.StartPoint.Y);
                        if (!iact.DictArrowFootPoint.ContainsKey(_newLine))
                        {
                            iact.DictArrowCapPoint.Add(_newLine,_newLine);
                            _newLine.ArrowCapControl = v.Value;
                        }
                        break;
                    }
                }
            }
            _newLine = null;

Canvas当的三个事件处理基本说完了