Diagramming for WinForms 教程一(读取图元数据)

时间:2022-11-23 13:05:47

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,编译执行

Diagramming for WinForms 教程一(读取图元数据)

11,编译器请在"Form1.cs"代码头添加

using MindFusion.Diagramming;
using MindFusion.Diagramming.Layout;
using System.Xml;

12,如果运行时提示找不到"SampleGraph.xml"文件,请在项目路径下将SampleGraph.xml拷贝到bin\Debug文件夹中。