使用silverlight构建一个图形化流程设计器（一）

使用silverlight构建一个图形化流程设计器（一）2009-11-09 cnblogs chegan前言

Silverlight发布已经很久了，具体是什么就不多说，大家一定很清楚。最关心的就是其中的跨浏览器能力，以及强大的用户界面表现能力。于是决定使用它来实现一个流程设计工具，以替代以前的流程设计器（原来是用vml实现，只能在IE浏览器上工作），因为第一次接触silverlight，在学习、工作的过程中肯定会遇到很多的问题，将这个学习新知识、解决问题的过程记录下来，肯定能找到许多志同道合的朋友，也请大家抱着这种态度阅读本文。

本文主要讲述使用vs.net2008开发一个基于silverlight的流程设计器。

在进入正文之前，先说一下开发环境的配置。使用vs.net2008作为开发工具，需要下载一个Silverlight tools for virsual studio 2008 sp1，地址在http://silverlight.net/GetStarted/，安装后就可以使用vs.net2008来开发silverlight应用了。

本系列文章包含以下几部分（可能有变）。

系统范围

系统设计

类设计

Xml设计

美化

重构

一、系统范围

在开始之前，先来看一下系统将要完成什么样的功能。具体来说，这样的流程设计器应该具有以下的特点：

图形化的方式显示流程

支持拖拽创建和修改流程

导出图形对应的xml描述文件

根据流程xml描述文件显示流程图

注意：本文只将焦点放置在图形的描述上，不涉及流程的各种属性，不过您完全可以在此基础上创建一个包含流程属性设置的应用程序。另外，本文是随着程序的编写进度而撰写的，程序在不断的完善，本文也将不断的修改完善。在这个过程中将随时提供可以运行的程序供下载。

下面的图形具体的显示了系统将要完成的功能：