C# 语言表现树形结构—TreeView高级用法指南

长平狐 发布于 2012/06/11 18:40
阅读 687
收藏 0

最近由于项目的关系,对Microsoft在各种编程语言中提供的TreeView控件做了一些研究。最初在网上查了一下,除了MicrosoftMSDN有些分散的knowledge, 并没有发现有这方面主题文章,于是有了写这篇文章的想法,希望可以抛砖引玉,让后来人少走些弯路。

出于个人兴趣的关系,我主要对Microsoft  Visual C++ C#两种语言中的TreeView控件进行了相应的研究,在这两种语言中,对于TreeView控件的基本用法本文不做说明,相对高级的用法主要是为TreeItem设置静态图标和选中图标,drag and drop操作,由于C#中的TreeView控件是所有微软提供的TreeView控件中相对完整,而且设计相对优雅的一个,下面以C#TreeView控件为例就相应的主题分别说明。

先来看看MSDN上给C# TreeView控件的定义:

Displays a hierarchical collection of labeled items, each resented by a TreeNode.

翻译:表现一组有继承结构关系的带有标签的项的集合,每个标签项由TreeNode来表现。也就是说TreeNode表现树的节点,主要工作由它来承担。

那么如何为TreeNode设置图像呢?

如下文字来自MSDN

可以在树节点旁显示图像,方法是将一个 ImageList 分配给 ImageList 属性,然后通过引用 Image ImageList 中的索引值来分配该 Image

使用下面的属性分配图像:

ImageIndex 属性设置为当树节点未选定时所显示的 Image 的索引值。

SelectedImageIndex 属性设置为当树节点被选定时要显示的 Image 的索引值。

ImageIndex SelectedImageIndex 属性值所引用的图像是所有分配给 Nodes 集合的树节点显示的默认图像。 每个树节点都可以通过设置 TreeNode.ImageIndex TreeNode.SelectedImageIndex 属性来取代默认的图像。

看完了这段文字,你知道该如何操作了么?我觉得可能有好多人还是不是完全的理解,那我们就已程序员的语言来描述一下吧:

首先定义一个ImageList变量并将其赋值给TreeViewImageList

1  private  System.Windows.Forms.ImageList imageList007;
2  this .imageList007 =  new  System.Windows.Forms.ImageList( this .components);
3  this .treeView1.ImageList =  this .imageList007;

 

然后需要对图标进行设置,

this .imageList007.ImageStream =
((System.Windows.Forms.ImageListStreamer)(resources.GetObject( " imageList007.ImageStream " )));
this .imageList007.TransparentColor = System.Drawing.Color.Transparent;
this .imageList007.Images.SetKeyName( 0 " Icon01.ico " );
this .imageList007.Images.SetKeyName( 1 " Icon02.ico " );
this .imageList007.Images.SetKeyName( 2 " Icon03.ico " );
this .imageList007.Images.SetKeyName( 3 " Icon04.ico " );
this .imageList007.Images.SetKeyName( 4 " Icon05.ico " );

 

最后可以对TreeView ImageIndex SelectedImageIndex 属性进行相应的设置,选择相应的图像,也可以对每个动态生成的节点进行独立的图像设置,到此你已经成功的设置了TreeNode的图像。

那又如何实现Drag and Drop 操作呢?

首先我们需要清楚Drag and Drop的源和目标都是什么,也就是说从哪向哪拖拽,每个部分承担的职责是什么,而只有在源和目标上都做了相应的处理,拖拽过程才可能是完整有效的。

源组件处理:

ItemDrag事件: 当鼠标开始对源树节点进行拖拽的时候,会引发这个事件,也就是说这个事件的发出者应该是源组件, 在这个事件处理函数中需要调用DoDragDrop方法 初始化并开始一个拖拽过程。

目标组件处理:

DragEnter事件: 当初始化操作结束以后,我们需要在拖拽目标处处理DragEnter事件,这个事件发生在源节点被拖动到目标组件范围内的某个点的时候,在这个事件中我们可以对这个拖拽的合法性进行验证,并且设置不同的鼠标形状来表示不同的状态,DragDropEffects 结构用于对鼠标形状进行设置。

 

目标组件处理:

DragDrop 事件: 这个事件用于在目标组件中处理拖拽事件,发生于源节点已经被拖拽到目的组件处,这时我们可以对拖拽过来的节点进行解析处理等实际工作。

注意:为了完成拖拽操作源组件和目标组件的AllowDrop都需要设置成true.

 

示例代码,如下代码完成了将一个TreeNode拖拽到一个Form上需要完成的工作:

private  void  UsingTreeViewDemo_Load( object  sender, EventArgs e)
{
    this .treeView1.ItemDrag +=  new  System.Windows.Forms.ItemDragEventHandler( this .treeView_ItemDrag);
    this .DragEnter +=  new  System.Windows.Forms.DragEventHandler( this .Form_DragEnter);
    this .DragDrop +=  new  System.Windows.Forms.DragEventHandler( this .Form_DragDrop);
}

private  void  treeView_ItemDrag( object  sender, System.Windows.Forms.ItemDragEventArgs e)
{
    DoDragDrop(e.Item, DragDropEffects.Copy);
}

private  void  Form_DragEnter( object  sender, System.Windows.Forms.DragEventArgs e)
{
    e.Effect = DragDropEffects.Copy;
}

private  void  Form_DragDrop( object  sender, System.Windows.Forms.DragEventArgs e)
{      
    TreeNode NewNode;
     if  (e.Data.GetDataPresent( " System.Windows.Forms.TreeNode " false ))
    {
          NewNode = (TreeNode)e.Data.GetData( " System.Windows.Forms.TreeNode " );
          MessageBox.Show(NewNode.ToString());
    }
}

 

至此,本文的使命已经完成,相信大家已经熟悉了这两项相对高级的TreeView用法。欢迎大家就此主题互相讨论,并对本文的不当之处批评指正。


原文链接:http://www.cnblogs.com/pugang/archive/2011/11/16/2251155.html
加载中
返回顶部
顶部