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

源代码下载：http://www.shareidea.net/opensource.htm
在线演示：http://www.shareidea.net/workflow.htm

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

QQ群：85444465
本文系列索引：
使用silverlight构建一个工作流设计器(一)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

最近不断出差，设计器功能更新很慢，抱歉。今天把新增的标签功能说一下吧。

在规则中，为了对规则进行说明，可以给规则类增加一个TextBlack来对规则进行注释，之前的程序也是这么做的，如下图所示：

<UserControl x:Class="Shareidea.Web.UI.Control.Workflow.Designer.Label"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
MouseLeftButtonDown="UserControl_MouseLeftButtonDown"
MouseMove="UserControl_MouseMove"
MouseLeftButtonUp="UserControl_MouseLeftButtonUp"
MouseLeave="UserControl_MouseLeave"
Width="400" Height="20">
<Grid x:Name="LayoutRoot" Background="Transparent" >
<TextBlock Name="txtLabelName" ></TextBlock>
<TextBox Name="tbLabelName" TextChanged="TextBox_TextChanged" Visibility="Collapsed"></TextBox>
</Grid>
</UserControl>

其中，TextBlock用于显示标签名称，TextBox用以编辑标签名称。

这个类有以下几个重要的属性：

l 支持拖拽布局

l 支持导入、导出xml信息

l 支持修改标签名称

l 支持选择，群组移动

l 支持粘贴、拷贝

l 支持删除

l 支持鼠标右键菜单

本节将具体说明其中的几个。

20.2 支持拖拽

支持拖拽的功能在前下面的活动和规则类的编写时候已经做了类似的工作，主要就是监控三个事件

UserControl_MouseLeftButtonDown

UserControl_MouseMove,

UserControl_MouseLeftButtonUp

具体这里不再赘述，可参考源代码内容

20.3 支持导入导出xml

20.3.1 导出xml

导出xml的很简单，如下所示：

public string ToXmlString()

只需要记录标签的名称和位置信息就可以了。

20.3.2 导入xml

根据xml信息导入标签也很简单，分析xml内容，动态构造标签，加入到容器中即可，如下所示：

Code
partNos = from item in xele.Descendants("Label") select item;
string labelName="";
double labelX=0;
double labelY = 0;
foreach (XElement node in partNos)
{

labelName = node.Value;

double.TryParse(node.Attribute(XName.Get("X")).Value, out labelX);
double.TryParse(node.Attribute(XName.Get("Y")).Value, out labelY);

Label l = new Label(this);
l.LabelName = labelName;
l.Position = new Point(labelX, labelY);
AddLabel(l);
}

20.4 支持标签改名

标签只有一个显示名称，并没有特别复杂的属性，因此，可以直接在界面上进行标签名称的修改，而不必再作一个标签的属性页来修改。标签类中的TextBox和TextBlock也正是为此目的设立的。

默认的，TextBlock是显示状态，而TextText是隐藏状态，当鼠标双击标签时，TextBlock隐藏，而TextBox显示，这样就可以让用户编辑标签名称，当鼠标移出标签类时，TextBlock是显示状态，而TextText是隐藏状态。

本章的内容就到这里，下一张将继续完成整个标签类。