WPF Treeview 学习 增加图标、checkbox和右键菜单（转载）

最近在学习wpf，习惯把自己学习的东西记下来。

　　刚开始接触的这个控件，有点不知道怎么用。网上看了下，好像大家都觉得不如winform里面的好使。反正，我以前是用mfc做界面的，对c#不熟。网上看了几个例子，自己动手做了一下，现在把大概步骤记录下来。我这里比较简单，没有用什么模式。网上有一篇《使用ViewModel模式来简化WPF的TreeView》大家可以看看。

　　一、一个简单的树

　　首先、定义一个树节点的类，用来保存树节点信息：

　　TreeItem.cs文件：

　　 using System;

　　 using System.Collections.Generic;

　　 using System.Linq;

　　 using System.Text;

　　 using System.Collections.ObjectModel;

　　 namespace WPFTreeviewExamples

　　{

　　 class TreeItem

　　{

　　 // 构造函数

　　 public TreeItem()

　　{

　　children=  new ObservableCollection();

　　}

　　 //

　　 // 节点文字信息

　　 public stringtext

　　{

　　 get;

　　 set;

　　}

　　 // 节点其他信息

　　 // ...

　　 // 父节点

　　 public TreeItemparent

　　{

　　 get;

　　 set;

　　}

　　 // 子节点

　　 public ObservableCollection children

　　{

　　 get;

　　 set;

　　}

　　 //

　　}

　　}

　　然后、在xaml文件中定义树的属性样式：

< TreeView Name= "treeViewSimple"  >

            < TreeView.ItemContainerStyle>

                < Style TargetType= "{x:TypeTreeViewItem}">

                    < Setter Property= "IsExpanded"  Value= "true" />

                < /Style>

            < /TreeView.ItemContainerStyle>

            < TreeView.Resources>

                < HierarchicalDataTemplate DataType= "{x:Type local:TreeItem}"   ItemsSource= "{Binding Path=children}">

                    < StackPanel Orientation= "Horizontal"  Margin= "0,2,0,2">                       

                        < TextBlock Text= "{Binding text}"  ToolTip= "{Binding text}" />

                    < /StackPanel>

                < /HierarchicalDataTemplate>                

            < /TreeView.Resources>

        < /TreeView>

　　其中：<Setter Property="IsExpanded" Value="true"/>表示所有节点都展开。

　　HierarchicalDataTemplate定义节点样式。DataType="{x:Typelocal:TreeItem}用来表明存储节点数据的类是什么。

　　二、带图标的树

　　很简单，只要添加图标相关信息即可：

　　TreeItem.cs文件：

//

        // 节点文字信息

        public stringtext

       {

             get;

             set;

       }

        // 节点图标路径

        public stringitemIcon

       {

             get;

             set;

       }

        // 节点其他信息

         // ...

　　xaml文件

< TreeView.Resources>

                < HierarchicalDataTemplate DataType= "{x:Type local:TreeItem}"   ItemsSource= "{Binding Path=children}">

                    < StackPanel Orientation= "Horizontal"  Margin= "0,2,0,2">  

                        < Image VerticalAlignment= "Center"  Source= "{Binding itemIcon}"  >< /Image>

                        < TextBlock VerticalAlignment= "Center"  Text= "{Binding text}"  ToolTip= "{Binding text}" />

                    < /StackPanel>

                < /HierarchicalDataTemplate>                

            < /TreeView.Resources>

　　三、更多功能的树

　　1、 首先，让我加一个checkbox

　　这需要完善 TreeItem：

　　让它继承与INotifyPropertyChanged 接口，以便通知checkbox状态改变：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Collections.ObjectModel;

using System.ComponentModel;

namespace WPFTreeviewExamples

{

    class TreeItem: INotifyPropertyChanged

   {

        // 构造函数

        public TreeItem()

       {

            children=  new ObservableCollection<TreeItem>();

       }
        //

        // 节点文字信息

        public stringtext

       {

             get;

             set;

       }

        // 节点图标路径

        public stringitemIcon

       {

             get;

             set;

       }

        // 节点其他信息

        // ...
        // 父节点

        public TreeItemparent

       {

             get;

             set;

       }

        // 子节点

        public ObservableCollection<TreeItem> children

       {

             get;

             set;

       }

        //
           Check 相关信息  ///

        bool? _isChecked=  false;
        public  bool?IsChecked

       {

             get{  return _isChecked;}

             set{  this.SetIsChecked( value,  true,  true); }

       }
        void SetIsChecked( bool?  value,  bool updateChildren, bool updateParent)

       {

             if( value == _isChecked)

                 return;

             _isChecked=  value;

              if(updateChildren && _isChecked.HasValue)

            {

                 foreach(TreeItem childin children)

                {

                    child.SetIsChecked(_isChecked, true,  false);

                }

            }

              if(updateParent && parent !=  null)

            {

                parent.VerifyCheckState();

            }

              this.OnPropertyChanged( "IsChecked");

       }

        void VerifyCheckState()

       {

             bool?state =  null;

             for( int i = 0; i <  this.children.Count;++i)

            {

                 bool? current =  this.children[i].IsChecked;

                 if(i == 0)

                {

                    state= current;

                }

                elseif (state !=current)

                {

                    state=  null;

                     break;

                }

            }

             this.SetIsChecked(state, false,  true);

       }

       

        void OnPropertyChanged( string prop)

       {

             if( this.PropertyChanged!=  null)

                 this.PropertyChanged( this, new PropertyChangedEventArgs(prop));

       }

 

        public eventPropertyChangedEventHandler PropertyChanged; 

        //

   }

}

< TreeView.Resources>

                < HierarchicalDataTemplate DataType= "{x:Type local:TreeItem}"   ItemsSource= "{Binding Path=children}">

                    < StackPanel Orientation= "Horizontal"  Margin= "0,2,0,2">  

                        < CheckBox Focusable= "False"  IsChecked= "{Binding IsChecked,Mode=TwoWay}" VerticalAlignment= "Center"  />

                        < Image VerticalAlignment= "Center"  Source= "{Binding itemIcon}"  >< /Image>

                        < TextBlock VerticalAlignment= "Center"  Text= "{Binding text}"  ToolTip= "{Binding text}" />

                    < /StackPanel>

                < /HierarchicalDataTemplate>                

            < /TreeView.Resources>

　　 void InitTree()

　　{

　　tree=  new TreeItem();

　　 // 添加一级顶层子节点

　　TreeItemroot =  new TreeItem();

　　root.text =  "根节点";

　　root.itemIcon =  "./image/root.png";

　　 // 把根节点加进来

　　tree.children.Add(root);

　　root.parent = tree;

　　 // 给根节点加一些子节点

　　TreeItemhubei =  new TreeItem();

　　hubei.text =  "湖北";

　　hubei.itemIcon =  "./image/Provine.png";

　　root.children.Add(hubei);

　　hubei.parent = root;

　　 // 给湖北下加几个城市

　　TreeItemwuhan =  new TreeItem();

　　wuhan.text =  "武汉";

　　wuhan.itemIcon =  "./image/City.png";

　　TreeItemxiaogan = newTreeItem();

　　xiaogan.text =  "孝感";

　　xiaogan.itemIcon =  "./image/City.png";

　　TreeItemxiangyang = newTreeItem();

　　xiangyang.text =  "襄阳";

　　xiangyang.itemIcon =  "./image/City.png";

　　hubei.children.Add(wuhan);

　　wuhan.parent = hubei;

　　hubei.children.Add(xiaogan);

　　xiaogan.parent = hubei;

　　hubei.children.Add(xiangyang);

　　xiangyang.parent = hubei;

　　 // 给根节点加一些子节点

　　TreeItemfamily = newTreeItem();

　　family.text =  "我的家";

　　family.itemIcon =  "./image/Provine.png";

　　root.children.Add(family);

　　family.parent = root;

　　 // 给湖北下加几个城市

　　TreeItemdad =  new TreeItem();

　　dad.text =  "爸爸";

　　dad.itemIcon =  "./image/City.png";

　　TreeItemmom =  new TreeItem();

　　mom.text =  "妈妈";

　　mom.itemIcon =  "./image/City.png";

　　TreeItemme =  new TreeItem();

　　me.text =  "我";

　　me.itemIcon =  "./image/City.png";

　　TreeItembrother = newTreeItem();

　　brother.text =  "弟弟";

　　brother.itemIcon =  "./image/City.png";

　　family.children.Add(dad);

　　dad.parent = family;

　　family.children.Add(mom);

　　mom.parent = family;

　　family.children.Add(me);

　　me.parent = family;

　　family.children.Add(brother);

　　brother.parent = family;

　　 // 把数据绑定到控件

　　treeViewMine.ItemsSource = tree.children;

　　}

转载于:https://www.cnblogs.com/hnfxs/archive/2013/03/26/2982706.html