MindFusion.Diagramming for WinForms使用教程：加载分层数据

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

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

MindFusion.Diagramming for WinForms最新试用版

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

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

XML

<ml version="1.0" encoding="utf-8" gt;<Project>    <Activity Name="Activity 1">        <Activity  Name="sub-activity 1">            <Activity  Name="sub-activity 1-1" />            <Activity  Name="sub-activity 1-2" />        </Activity>        <Activity  Name="sub-activity 2">            <Activity  Name="sub-activity 2-1" />            <Activity  Name="sub-activity 2-2" />            <Activity  Name="sub-activity 2-3" />        </Activity>        <Activity  Name="sub-activity 3">            <Activity  Name="sub-activity 3-1" />            <Activity  Name="sub-activity 3-2" />        </Activity>    </Activity>    <Activity Name="Activity 2">        <Activity  Name="sub-activity 1">            <Activity  Name="sub-activity 1-1" />            <Activity  Name="sub-activity 1-2" />            <Activity  Name="sub-activity 1-3" />        </Activity>        <Activity  Name="sub-activity 2">            <Activity  Name="sub-activity 2-1" />            <Activity  Name="sub-activity 2-2" />        </Activity>    </Activity>    <Activity Name="Activity 3">        <Activity  Name="sub-activity 1">            <Activity  Name="sub-activity 1-1" />            <Activity  Name="sub-activity 1-2" />            <Activity  Name="sub-activity 1-3" />            <Activity  Name="sub-activity 1-4" />        </Activity>        <Activity  Name="sub-activity 2" />        <Activity  Name="sub-activity 3">            <Activity  Name="sub-activity 3-1" />            <Activity  Name="sub-activity 3-2" />        </Activity>    </Activity></Project>

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、添加窗口类的以下成员以保留默认节点大小。

C#

RectangleF nodeBounds = new RectangleF(0, 0, 24, 6);

Visual Basic

Dim nodeBounds As New RectangleF(0, 0, 24, 6)

5、创建树的根节点，并调用CreateChildren方法，该方法以递归方式构建树。

C#

ShapeNode root = diagram.Factory.CreateShapeNode(nodeBounds);root.Text = "Project";XmlDocument document = new XmlDocument();document.Load("SampleTree.xml");CreateChildren(root, document.SelectSingleNode("Project"));

Visual Basic

Dim root As ShapeNode = diagram.Factory.CreateShapeNode(nodeBounds)root.Text = "Project"Dim document As New XmlDocument()document.Load("SampleTree.xml")CreateChildren(root, document.SelectSingleNode("Project"))

6、如下定义CreateChildren。 它以父DiagramNode和父XML元素为参数，迭代子XML元素以构建层次结构的下一层，并通过调用CreateShapeNode和CreateDiagramLink创建相应的图项目。

C#

private void CreateChildren(DiagramNode parentDiagNode, XmlNode parentXmlNode){    foreach (XmlElement element in parentXmlNode.SelectNodes("Activity"))    {        ShapeNode node = diagram.Factory.CreateShapeNode(nodeBounds);        node.Text = element.GetAttribute("Name");        diagram.Factory.CreateDiagramLink(parentDiagNode, node);        CreateChildren(node, element);    }}

Visual Basic

Private Sub CreateChildren(ByVal parentDiagNode As DiagramNode, ByVal parentXmlNode As XmlNode)    For Each element As XmlElement In parentXmlNode.SelectNodes("Activity")        Dim node As ShapeNode = diagram.Factory.CreateShapeNode(nodeBounds)        node.Text = element.GetAttribute("Name")        diagram.Factory.CreateDiagramLink(parentDiagNode, node)        CreateChildren(node, element)    NextEnd Sub

7、使用TreeLayout排列图。 将以下代码添加到OnLoad覆盖的末尾。

C#

TreeLayout layout = new TreeLayout();layout.Type = TreeLayoutType.Cascading;layout.Direction = TreeLayoutDirections.LeftToRight;layout.LinkStyle = TreeLayoutLinkType.Cascading2;layout.NodeDistance = 3;layout.LevelDistance = -8; // let horizontal positions overlaplayout.Arrange(diagram);

Visual Basic

Dim layout As New TreeLayout()layout.Type = TreeLayoutType.Cascadinglayout.Direction = TreeLayoutDirections.LeftToRightlayout.LinkStyle = TreeLayoutLinkType.Cascading2layout.NodeDistance = 3layout.LevelDistance = -8' let horizontal positions overlaplayout.Arrange(diagram)

8、生成并运行项目。 如果一切正常，您应该看到此层次结构的表示形式：

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

标签：

来源：慧都