之前写过NetronLight开源框架

C#使用开源框架NetronLight绘制流程图-CSDN博客

我们这里将TreeView树图的节点内容展示到NetronLight图表中，按照树的层次【深度Level】展示

新建窗体应用程序ShowTreeNodeToDiagram，将默认的Form1重命名为FormShowNode，

右键解决方案ShowTreeNodeToDiagram，添加→现有项目，将NetronLight添加到项目中。

右键项目ShowTreeNodeToDiagram，添加引用，引用项目NetronLight

修改NetronLight.GraphControl 控件增加【连线集合】属性：

        /// <summary>/// Gets or sets the collection of connections on the canvas/// </summary>public ConnectionCollection Connections{get { return connections; }set { connections = value; }}

窗体FormShowNode 设计器如下图：

窗体设计器程序如下：

FormShowNode.Designer.cs 文件


namespace ShowTreeNodeToDiagram
{partial class FormShowNode{/// <summary>/// 必需的设计器变量。/// </summary>private System.ComponentModel.IContainer components = null;/// <summary>/// 清理所有正在使用的资源。/// </summary>/// <param name="disposing">如果应释放托管资源，为 true；否则为 false。</param>protected override void Dispose(bool disposing){if (disposing && (components != null)){components.Dispose();}base.Dispose(disposing);}#region Windows 窗体设计器生成的代码/// <summary>/// 设计器支持所需的方法 - 不要修改/// 使用代码编辑器修改此方法的内容。/// </summary>private void InitializeComponent(){this.tvGeography = new System.Windows.Forms.TreeView();this.graphControl1 = new NetronLight.GraphControl();this.btnShowDiagram = new System.Windows.Forms.Button();this.SuspendLayout();// // tvGeography// this.tvGeography.Location = new System.Drawing.Point(5, 44);this.tvGeography.Name = "tvGeography";this.tvGeography.Size = new System.Drawing.Size(280, 563);this.tvGeography.TabIndex = 0;// // graphControl1// this.graphControl1.Location = new System.Drawing.Point(297, 7);this.graphControl1.Name = "graphControl1";this.graphControl1.ShowGrid = true;this.graphControl1.Size = new System.Drawing.Size(1200, 600);this.graphControl1.TabIndex = 1;this.graphControl1.Text = "graphControl1";// // btnShowDiagram// this.btnShowDiagram.Font = new System.Drawing.Font("宋体", 12F);this.btnShowDiagram.Location = new System.Drawing.Point(40, 9);this.btnShowDiagram.Name = "btnShowDiagram";this.btnShowDiagram.Size = new System.Drawing.Size(158, 26);this.btnShowDiagram.TabIndex = 2;this.btnShowDiagram.Text = "展示树节点到图表";this.btnShowDiagram.UseVisualStyleBackColor = true;this.btnShowDiagram.Click += new System.EventHandler(this.btnShowDiagram_Click);// // FormShowNode// this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 12F);this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;this.ClientSize = new System.Drawing.Size(1523, 611);this.Controls.Add(this.btnShowDiagram);this.Controls.Add(this.graphControl1);this.Controls.Add(this.tvGeography);this.Name = "FormShowNode";this.Text = "将树图节点展示到NetronLight图表中-斯内科";this.Load += new System.EventHandler(this.FormShowNode_Load);this.ResumeLayout(false);}#endregionprivate System.Windows.Forms.TreeView tvGeography;private NetronLight.GraphControl graphControl1;private System.Windows.Forms.Button btnShowDiagram;}
}

测试程序如下：

FormShowNode.cs文件

using NetronLight;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;namespace ShowTreeNodeToDiagram
{public partial class FormShowNode : Form{public FormShowNode(){InitializeComponent();}private void GenerateGeographyMap() {TreeNode rootNode = new TreeNode("中国");TreeNode node1 = new TreeNode("广东省");TreeNode node2 = new TreeNode("河南省");TreeNode node3 = new TreeNode("江苏省");TreeNode node4 = new TreeNode("广州市");TreeNode node5 = new TreeNode("深圳市");TreeNode node6 = new TreeNode("惠州市");TreeNode node7 = new TreeNode("郑州市");TreeNode node8 = new TreeNode("许昌市");TreeNode node9 = new TreeNode("南阳市");TreeNode node10 = new TreeNode("南京市");TreeNode node11 = new TreeNode("常州市");TreeNode node12 = new TreeNode("越秀区");TreeNode node13 = new TreeNode("荔湾区");TreeNode node14 = new TreeNode("福田区");TreeNode node15 = new TreeNode("南山区");TreeNode node16 = new TreeNode("宝安区");TreeNode node17 = new TreeNode("博罗县");TreeNode node18 = new TreeNode("中原区");TreeNode node19 = new TreeNode("魏都区");TreeNode node20 = new TreeNode("卧龙区");TreeNode node21 = new TreeNode("江宁区");TreeNode node22 = new TreeNode("金坛区");TreeNode node23 = new TreeNode("洛阳市");node4.Nodes.AddRange(new TreeNode[] { node12, node13 });node5.Nodes.AddRange(new TreeNode[] { node14, node15, node16 });node6.Nodes.AddRange(new TreeNode[] { node17 });node7.Nodes.AddRange(new TreeNode[] { node18 });node8.Nodes.AddRange(new TreeNode[] { node19 });node9.Nodes.AddRange(new TreeNode[] { node20 });node10.Nodes.AddRange(new TreeNode[] { node21 });node11.Nodes.AddRange(new TreeNode[] { node22 });node1.Nodes.AddRange(new TreeNode[] { node4, node5, node6 });node2.Nodes.AddRange(new TreeNode[] { node7, node8, node9, node23 });node3.Nodes.AddRange(new TreeNode[] { node10, node11 });rootNode.Nodes.AddRange(new TreeNode[] { node1, node2, node3 });tvGeography.Nodes.Clear();tvGeography.Nodes.Add(rootNode);}private void FormShowNode_Load(object sender, EventArgs e){GenerateGeographyMap();tvGeography.ExpandAll();}/// <summary>/// 查找指定深度的所有节点集合/// 获取指定深度的节点集合,这些节点的属于同一行号【Y坐标一致】/// </summary>/// <param name="rootNode"></param>/// <param name="level"></param>/// <returns></returns>private List<TreeNode> GetCurrentLevelNodes(TreeNode rootNode, int level){List<TreeNode> nodeList = new List<TreeNode>();if (rootNode.Level == level){nodeList.Add(rootNode);}for (int i = 0; i < rootNode.Nodes.Count; i++){TreeNode current = rootNode.Nodes[i];//如果当前节点的深度 不等于 已知深度，就继续递归。当前节点的深度 等于 已知深度，就添加该节点if (current.Level == level){nodeList.Add(current);}else{List<TreeNode> tempList = GetCurrentLevelNodes(current, level);if (tempList.Count > 0){nodeList.AddRange(tempList);}}}return nodeList;}/// <summary>/// 获取树节点的最大深度Level/// </summary>/// <param name="rootNode"></param>/// <returns></returns>private int GetMaxLevel(TreeNode rootNode){int level = rootNode.Level;//默认当前节点的深度for (int i = 0; i < rootNode.Nodes.Count; i++){TreeNode current = rootNode.Nodes[i];//如果当前节点的深度 比 上一次的深度大，就继续递归if (current.Level > level){return GetMaxLevel(current);}}return level;}/// <summary>/// 通过树节点来获取对应的形状节点/// </summary>/// <param name="treeNode"></param>/// <returns></returns>private ShapeBase GetShapeByTreeNode(TreeNode treeNode){SimpleRectangle shapeNode = graphControl1.Shapes.Cast<SimpleRectangle>().ToList().Find(x => x.Text == treeNode.Text);return shapeNode;}/// <summary>/// 父子节点进行连线：连线端点Bottom, Left, Right, Top。由起始节点的底部端点 连接到 终止节点的顶部端点/// </summary>/// <param name="fromNode"></param>/// <param name="toNode"></param>private void AddLink(TreeNode fromNode, TreeNode toNode) {ShapeBase fromShape = GetShapeByTreeNode(fromNode);ShapeBase toShape = GetShapeByTreeNode(toNode);if (fromShape != null && toShape != null){//连线端点Bottom, Left, Right, Top。由起始节点的底部端点 连接到 终止节点的顶部端点graphControl1.AddConnection(fromShape.Connectors[0], toShape.Connectors[3]);}}/// <summary>/// 生成一个形状节点/// </summary>/// <param name="treeNode"></param>/// <param name="point"></param>private void GenerateShapeNode(TreeNode treeNode, Point point) {SimpleRectangle diagramNode = new SimpleRectangle(graphControl1);diagramNode.Text = treeNode.Text;//主程序提示 特殊处理diagramNode.Width = 80;diagramNode.Height = 30;diagramNode.Location = point;diagramNode.ShapeColor = Color.GreenYellow;graphControl1.Shapes.Add(diagramNode);}/// <summary>/// 生成节点之间的连线/// </summary>private void GenerateLinks(TreeNode treeNode){Stack<TreeNode> nodes = new Stack<TreeNode>();nodes.Push(treeNode);while (nodes.Count > 0){TreeNode fromNode = nodes.Pop();for (int i = 0; i < fromNode.Nodes.Count; i++){TreeNode toNode = fromNode.Nodes[i];AddLink(fromNode, toNode);nodes.Push(toNode);//将当前子节点插入集合中，继续连线}}}private void btnShowDiagram_Click(object sender, EventArgs e){graphControl1.Connections.Clear();//清除所有连线graphControl1.Shapes.Clear();////清除所有形状节点//根节点是第一个TreeNode rootNode = tvGeography.Nodes[0];int maxLevel = GetMaxLevel(rootNode);//获取树节点的最大深度//按照节点的深度Level将树节点进行分组for (int level = 0; level <= maxLevel; level++){List<TreeNode> nodeList = GetCurrentLevelNodes(rootNode, level);int offsetX = (graphControl1.Width - 80) / (nodeList.Count + 1);for (int i = 0; i < nodeList.Count; i++){GenerateShapeNode(nodeList[i], new Point(3 + offsetX * (i + 1), 20 + 140 * level));}}//生成节点之间的连线GenerateLinks(rootNode);//获取指定深度的节点集合。这些节点的属于同一行号【Y坐标一致】graphControl1.Invalidate();}}
}