DevExpress学习笔记（五）－以拖拽的方式构建树(TreeList)

 

DevExpress学习笔记

以拖拽的方式构建树（TreeList）

本人最近在做某个项目中需要用到动态设置TreeList节点的技术，在这个过程中对于TreeList的各项功能有了初步的尝试，准备分几篇内容将其记录下来。这一篇主要记录TreeList的拖拽功能。

一 ImageListBoxControl 至 TreeList

在Visual Studio新建一个Form，并且将ImageListBoxControl和TreeList两个控件分别拖到这个Form上，设置相关属性.涉及到拖拽必然会有源控件和目标控件，需要设置目标控件的AllowDrop属性为True，在此处就需要设置TreeList的AllowDrop属性为True。

下面开始ImageListBoxControl的初始化操作。我们模仿逻辑运算符，添加3个“与、或、非”的逻辑图标到ImageListBoxControl,界面效果如下：

 

我们需要做的工作就是将上面的三个节点拖拽至TreeList中，生成三个树节点。主要分为三个步骤来做。

首先，需要为ImageListBoxControl新增三个事件相应函数，分别为MouseDown,MouseMove和GiveFeedback。这三个函数的含义为MouseDown和MouseMove表示鼠标的按键和拖动的事件，GiveFeedback表示在鼠标拖动时，控件给予系统请求的响应。实现代码如下：

View Code

 1 private void imageListBoxControl1_MouseDown(object sender, MouseEventArgs e)
 2 
 3         {
 4 
 5             //获取当前鼠标选择的项目Index
 6 
 7             int index = imageListBoxControl1.IndexFromPoint(new Point(e.X, e.Y));
 8 
 9             if (index >= 0)
10 
11             {
12 
13 //根据index获取选择的Item
14 
15                 newItem = imageListBoxControl1.Items[index];
16 
17             }
18 
19         }
20 
21  
22 
23         private void imageListBoxControl1_MouseMove(object sender, MouseEventArgs e)
24 
25         {
26 
27             if (newItem == null || e.Button != MouseButtons.Left) return;
28 
29          //ImageListBoxControl拖拽响应事件，LogicDragObject为自定义的逻辑操作Item类。
30 
31             imageListBoxControl1.DoDragDrop(new LogicDragObject(newItem.ImageIndex,++groupNum), DragDropEffects.Copy);
32 
33         }
34 
35  
36 
37         private void imageListBoxControl1_GiveFeedback(object sender, GiveFeedbackEventArgs e)
38 
39         {
40 
41             e.UseDefaultCursors = false;
42 
43         }

 

   其次，新增TreeList控件的DragDrop、GiveFeedback和DragOver三个响应事件。

DragDrop的事件部分代码如下：

TreeListHitInfo hi = treeList1.CalcHitInfo(treeList1.PointToClient(new Point(e.X, e.Y)));

            LogicDragObject dobj = GetDragObject(e.Data);

            //拖放逻辑操作符

                TreeListNode node = hi.Node;

                if (hi.HitInfoType == HitInfoType.Empty || node != null)

                {

                    node = treeList1.AppendNode(dobj.LogicDragData, node);

                    node.StateImageIndex = dobj.ImageIndex;

                    treeList1.MakeNodeVisible(node);

                }

 

拖拽的本质就是由CalcHitInfo获取当前放置的节点，由GetDragObject(e.Data)获取到需要放置的Data，通过AppendNode添加Node，最后MakeNodeVisible使Node可见。

效果示意图如下：

 

二 TreeList至LabelControl

现在我想实现以拖拽的方式删除树节点的操作。首先，放置一个LabelControl，并且将其设置为回收站的图标。和上面一样，需要将LabelControl的AllowDrop属性设置为True。然后需要实现DragDrop、DragEnter和DragLeave三个响应事件。

DragDrop的部分实现代码如下：

      

 //获取需要删除的树节点，e.Data为获取到的TreeList的拖拽节点

           TreeListNode node = GetDragNode(e.Data);

            if (node != null)

            {

                treeList1.DeleteNode(node);

            }

            SetDefaultLabel();