世俱杯 2025

MindFusion.Diagramming for WinForms是一个能帮助你创建工作流和进程图表的.NET控件；数据库实体关系图表；组织图表；对象层次和关系图表；图表和树。它是基于对象－图表框，表格和箭头类型，将其归类分派给其他并结合成复杂的结构。该控件提供超过预先定义的50多种图表框，如自定义设计样式和对图表框着色等。MindFusion.Diagramming for WinForms现已加入在线订购，现在抢购立享优惠，查看详情>>

点击下载MindFusion.Diagramming for WinForms最新试用版

本教程说明如何从XML加载图形数据并创建与图形节点和边相对应的图形对象。

1、在解决方案资源管理器中右键单击该项目，然后从上下文菜单中选择“添加”->“新建项”。创建一个名为SampleGraph.xml的新XML文件，并以以下形式添加内容：

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>

2、将文件的“生成操作”属性设置为“内容”，将“复制到输出目录”设置为“如果更新则复制”。

3、向表单添加一个OnLoad替代：

C＃

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);
}

Visual Basic

Protected Overrides Sub OnLoad(ByVal e As EventArgs)

    MyBase.OnLoad(e)

End Sub

4、将以下变量添加到Loaded处理程序。“nodeMap”将图节点映射到其标识符，“bounds”包含默认的节点大小。

C＃

Dictionary<string, DiagramNode> nodeMap = new Dictionary<string, DiagramNode>();
RectangleF bounds = new RectangleF(0, 0, 18, 6);

Visual Basic

Dim nodeMap As New Dictionary(Of String, DiagramNode)()
Dim bounds As New RectangleF(0, 0, 18, 6)

5、使用XML DOM API加载XML文档：

C＃

// Load the graph xml
XmlDocument document = new XmlDocument();
document.Load("SampleGraph.xml");

Visual Basic

' Load the graph xml
Dim document As New XmlDocument()
document.Load("SampleGraph.xml")

6、通过调用Factory类的CreateShapeNode方法，加载图形节点元素并创建其对应的ShapeNode对象。CreateShapeNode只是使用“new”运算符创建ShapeNode实例并将其添加到图的Nodes集合的快捷方式。此外，此代码将新节点映射到XML元素的“id”属性，并将节点的Text设置为“name”属性的值。

C＃

// Load node data
XmlNodeList nodes = document.SelectNodes("/Graph/Nodes/Node");
foreach (XmlElement node in nodes)
{
    ShapeNode diagramNode = diagram.Factory.CreateShapeNode(bounds);
    nodeMap[node.GetAttribute("id")] = diagramNode;
    diagramNode.Text = node.GetAttribute("name");
}

Visual Basic

' Load node data
Dim nodes As XmlNodeList = document.SelectNodes("/Graph/Nodes/Node")
For Each node As XmlElement In nodes

    Dim diagramNode As ShapeNode = diagram.Factory.CreateShapeNode(bounds)
    nodeMap(node.GetAttribute("id")) = diagramNode
    diagramNode.Text = node.GetAttribute("name")

Next

7、加载图形链接并创建相应的DiagramLink对象。链接的起点和终点通过“nodeMap”字典按其ID访问。

C＃

// Load link data
XmlNodeList links = document.SelectNodes("/Graph/Links/Link");
foreach (XmlElement link in links)
{
    diagram.Factory.CreateDiagramLink(
        nodeMap[link.GetAttribute("origin")],
        nodeMap[link.GetAttribute("target")]);
}

Visual Basic

' Load link data
Dim links As XmlNodeList = document.SelectNodes("/Graph/Links/Link")
For Each link As XmlElement In links
    diagram.Factory.CreateDiagramLink(nodeMap(link.GetAttribute("origin")), nodeMap(link.GetAttribute("target")))
Next

8、使用LayeredLayout类安排图。

C＃

// Arrange the graph
LayeredLayout layout = new LayeredLayout();
layout.LayerDistance = 12;
layout.Arrange(diagram);

Visual Basic

' Arrange the graph
Dim layout As New LayeredLayout()
layout.LayerDistance = 12
layout.Arrange(diagram)

生成并运行项目。如果一切正常，您应该看到该图的表示形式：