MindFusion.Diagramming for WinForms使用教程：加载图形数据

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

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

MindFusion.Diagramming for WinForms最新试用版

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

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

XML格式

<ml version="1.0" encoding="utf-8" gt;<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 xmlXmlDocument document = new XmlDocument();document.Load("SampleGraph.xml");

Visual Basic

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

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

C＃

// Load node dataXmlNodeList 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 dataDim 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 dataXmlNodeList 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 dataDim 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 graphLayeredLayout layout = new LayeredLayout();layout.LayerDistance = 12;layout.Arrange(diagram);

Visual Basic

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

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

想要购买该产品正版授权请点击【商城购买】，想了解更多产品信息请点击【咨询在线客服】

标签：