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当的三个事件处理基本说完了