一、WinRiver II 的測量管理界面

WinRiver II 是ADCP 測量軟件，其測量管理界面實際是 TreeView 控件的應用。

二、C# 實現(xiàn) TreeView 的測量管理界面

1、TreeView 圖標載入
2、只點擊復選框圖標，改變復選框選擇，點擊文字部分不改變復選框選擇。

三、C# 2017 .Net FrameWork 框架代碼實現(xiàn)

3.1、圖像中圖標拆分的代碼實現(xiàn)

3.1.1 準備包含圖標的 PNG 圖片

如下 PNG 圖片，每個圖標大小為 16*16。

3.1.2 在 C# 2017 .Net FrameWork 框架項目中，添加該圖片資源。

3.1.3 在項目代碼中使用 imageList 載入圖標集合

引用聲明

            using System;using System.Drawing;using System.Windows.Forms;

圖片拆分為圖標，并加載到 imageList

            Image sourceImage = Properties.Resources.PicturesGroup;//從資源中獲取圖像ImageList imageList = new ImageList();//新建圖像集合列表for (int i = 0; i <= 272; i += 16){Bitmap targetImage = new Bitmap(16, 16);//目標圖像using (Graphics g = Graphics.FromImage(targetImage))// 使用Graphics對象繪制原始圖片的一部分到目標Bitmap上{g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;// 設置高質量插值法g.DrawImage(sourceImage, new Rectangle(0, 0, 16, 16), new Rectangle(i, 0, 16, 16), GraphicsUnit.Pixel);// 繪制圖片的一部分到目標Bitmap上，指定源和目標區(qū)域的坐標和尺寸}imageList.Images.Add(targetImage);//將拆分的圖像加載到圖像集合列表}

3.2、C# 實現(xiàn) TreeView 的測量管理的代碼

            treeView1.FullRowSelect = false; // 確保不選中整行treeView1.StateImageList = imageList;//將圖像集合列表賦與treeViewTreeNode Root1 = new TreeNode("項目文件");Root1.StateImageIndex = 1;//圖片列表中第2個圖標treeView1.Nodes.Add(Root1);TreeNode Root2 = new TreeNode("項目測站信息");Root2.StateImageIndex = 5;//圖片列表中第6個圖標treeView1.Nodes.Add(Root2);TreeNode Root3 = new TreeNode("項目測量");Root3.StateImageIndex = 5;treeView1.Nodes.Add(Root3);// 然后，向根節(jié)點添加子節(jié)點TreeNode childNode1 = new TreeNode("測次 000");childNode1.StateImageIndex = 2;//圖片列表中第3個圖標，未選中childNode1.Checked = false;Root3.Nodes.Add(childNode1);TreeNode childNode2 = new TreeNode("測次 001");childNode2.StateImageIndex = 2;//圖片列表中第3個圖標，未選中childNode2.Checked = false;Root3.Nodes.Add(childNode2);treeView1.ExpandAll();//自動展開所有節(jié)點

節(jié)點點擊事件

        private void treeView1_NodeMouseClick(object sender, TreeNodeMouseClickEventArgs e){TreeNode node = e.Node;//當前鼠標的單擊節(jié)點if (node != null && e.Button == MouseButtons.Left){Point checkBoxPosition = new Point(e.Node.Bounds.Left - 16, e.Node.Bounds.Top + (e.Node.Bounds.Height - 16) / 2); // 估算復選框位置if (e.X >= checkBoxPosition.X && e.X <= checkBoxPosition.X + 16 && e.Y >= checkBoxPosition.Y && e.Y <= checkBoxPosition.Y + 16){string NodeText = node.Text.Substring(0, 2);if (NodeText == "測次"){if (node.Checked){node.Checked = false;node.StateImageIndex = 2;//圖片列表中第3個圖標，未選中}else{node.Checked = true;node.StateImageIndex = 3;//圖片列表中第4個圖標，已選中}}Console.WriteLine(node.Checked);}}}

為什么不采用 treeView1.CheckBoxes = true ，使用 treeView 復選框，因為采用此功能，所有的節(jié)點都有復選框，這是不需要的。