1,新建“Visual c#” Windows窗体应用程序。
2,从“工具箱”的“Diagramming”选项卡下,托出“DiagramView”控件到Form1上。控件的"Name"属性设置为“mDiagram”,“Dock”属性设置为"Fill"。
3,在项目树的“引用“上右键选择”添加引用“,在弹出的”添加引用“面板中的”浏览“选项卡下,选择控件安装路径下的”MindFusion.Common.dll“、”MindFusion.Diagramming.dll“、”MindFusion.Common.WinForms.dll“。一般路径为”C:\Program Files (x86)\MindFusion\MindFusion.Diagramming for WinForms\CLR4 (.NET 4.0 and .NET 4.5)“。
4,在项目树上选择”添加/新建项/XML文件“,并重命名为”SampleGraph.xml“。
5,复制以下代码到”SampleGraph.xml“文件中。
<?xml version="1.0" encoding="utf-8" ?>
<Graph>
<Nodes>
<Node id="0" name="start" />
<Node id="1" name="activity 1" />
<Node id="2" name="task 1" />
<Node id="3" name="task 2" />
<Node id="4" name="activity 2" />
<Node id="5" name="task 3" />
<Node id="6" name="task 4" />
<Node id="7" name="activity 3" />
<Node id="8" name="task 5" />
<Node id="9" name="task 6" />
<Node id="10" name="end" />
</Nodes>
<Links>
<Link origin="0" target="1" />
<Link origin="1" target="2" />
<Link origin="1" target="3" />
<Link origin="2" target="4" />
<Link origin="3" target="4" />
<Link origin="4" target="5" />
<Link origin="4" target="6" />
<Link origin="5" target="10" />
<Link origin="6" target="10" />
<Link origin="0" target="7" />
<Link origin="7" target="8" />
<Link origin="8" target="9" />
<Link origin="1" target="9" />
<Link origin="9" target="10" />
</Links>
</Graph>
6,重载Form1的Load事件
private void Form1_Load(object sender, EventArgs e)
{
}
7,在load事件代码中,添加以下变量。"nodeMap"是图中节点的标识符,"bounds"包含了默认的节点尺寸。
Dictionary<string, DiagramNode> nodeMap = new Dictionary<string, DiagramNode>();
RectangleF bounds = new RectangleF(0, 0, 18, 6);
8,使用XML DOM API 来读取XML文档
XmlDocument document = new XmlDocument();
document.Load("SampleGraph.xml");
9,通过”Factory“类下的”CreateShapeNode“方法来导入图形节点元素保存到相应的"ShapeNode"对象中。
XmlNodeList nodes = document.SelectNodes("/Graph/Nodes/Node");
foreach (XmlElement node in nodes)
{
ShapeNode diagramNode = mDiagram.Diagram.Factory.CreateShapeNode(bounds);
nodeMap[node.GetAttribute("id")] = diagramNode;
diagramNode.Text = node.GetAttribute("name");
}
10,导入DiagramLink对象
XmlNodeList links = document.SelectNodes("/Graph/Links/Link");
foreach (XmlElement link in links)
{
mDiagram.Diagram.Factory.CreateDiagramLink(
nodeMap[link.GetAttribute("origin")],
nodeMap[link.GetAttribute("target")]);
}
11,使用LayeredLayout类来安排流程图
LayeredLayout layout = new LayeredLayout();
layout.LayerDistance = 12;
layout.Arrange(mDiagram.Diagram);
12,编译执行
11,编译器请在"Form1.cs"代码头添加
using MindFusion.Diagramming;
using MindFusion.Diagramming.Layout;
using System.Xml;
12,如果运行时提示找不到"SampleGraph.xml"文件,请在项目路径下将SampleGraph.xml拷贝到bin\Debug文件夹中。