WPF的TreeView与CheckBox结合，父节点和子节点相互影响

最新推荐文章于 2025-03-14 14:56:29 发布
最新推荐文章于 2025-03-14 14:56:29 发布
阅读量3.4k 收藏 21
点赞数 6
分类专栏： wpf C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuge8905/article/details/80058166
版权

这个例子折腾了我好几天，今天终于搞定了，由于太晚了，就不说过程，只看结果和代码。

1、遍历文件夹：在这个例子中，CheckBox显示三种状态，另外父节点选中，子节点全选，父节点不选，子节点全不选；子节点部分选，父节点null状态；子节点全选，父节点选中状态；子节点全不选，父节点不选状态。这个例子适合遍历。


接下来看代码（这个代码的例子忘记了是哪个大神写的，下次找到后附链接加感谢）：

class DirectoryTree（这里处理了原来的代码的一个bug，从而自动过滤掉不能读取的文件夹）

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CheckBoxTreeView
{
    class DirectoryTree : INotifyPropertyChanged
    {
        public DirectoryTree()
        {
            this.isChecked = false;
        }
        public DirectoryTree(DirectoryTree parent, DirectoryInfo di)
            : this()
        {
            this.Parent = parent;
            this.Info = di;
        }
        public DirectoryTree(DirectoryTree parent, DirectoryInfo di, Boolean bChecked)
            : this(parent, di)
        {
            this.isChecked = bChecked;
        }
        public DirectoryInfo Info { get; set; }
        public DirectoryTree Parent { get; set; }
        public Boolean? IsChecked
        {
            get { return this.isChecked; }
            set
            {
                if (this.isChecked != value)
                {
                    this.isChecked = value;
                    NotifyPropertyChanged("IsChecked");
                    if (this.isChecked == true) // 如果节点被选中
                    {
                        if (this.dirs != null)
                            foreach (DirectoryTree dt in this.dirs)
                                dt.IsChecked = true;
                        if (this.Parent != null)
                        {
                            Boolean bExistUncheckedChildren = false;
                            foreach (DirectoryTree dt in this.Parent.Directories)
                                if (dt.IsChecked != true)
                                {
                                    bExistUncheckedChildren = true;
                                    break;
                                }
                            if (bExistUncheckedChildren)
                                this.Parent.IsChecked = null;
                            else
                                this.Parent.IsChecked = true;
                        }
                    }
                    else if (this.isChecked == false)   // 如果节点未选中
                    {
                        if (this.dirs != null)
                            foreach (DirectoryTree dt in this.dirs)
                                dt.IsChecked = false;
                        if (this.Parent != null)
                        {
                            Boolean bExistCheckedChildren = false;
                            foreach (DirectoryTree dt in this.Parent.Directories)
                                if (dt.IsChecked != false)
                                {
                                    bExistCheckedChildren = true;
                                    break;
                                }
                            if (bExistCheckedChildren)
                                this.Parent.IsChecked = null;
                            else
                                this.Parent.IsChecked = false;
                        }
                    }
                    else
                    {
                        if (this.Parent != null)
                            this.Parent.IsChecked = null;
                    }
                }
            }
        }
        public ObservableCollection<DirectoryTree> Directories
        {
            get
            {
                if (this.dirs == null)
                {
                    this.dirs = new ObservableCollection<DirectoryTree>();
                    try
                    {
                        foreach (DirectoryInfo di in Info.GetDirectories())
                            this.dirs.Add(new DirectoryTree(this, di, this.isChecked == true));
                    }
                    catch
                    {

                    }                    
                }
                return dirs;
            }
        }


        public static ObservableCollection<DirectoryTree> InitRoot()
        {
            ObservableCollection<DirectoryTree> dts = new ObservableCollection<DirectoryTree>();
            DriveInfo[] drvs = DriveInfo.GetDrives();
            foreach (DriveInfo drv in drvs)
            {
                if (drv.DriveType == DriveType.Fixed)
                {
                    DirectoryTree dt = new DirectoryTree(null, drv.RootDirectory);
                    dts.Add(dt);
                }
            }
            return dts;
        }
        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }
        private Boolean? isChecked;
        private ObservableCollection<DirectoryTree> dirs;
    }
}

主窗口后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace CheckBoxTreeView
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.tvDirectories.ItemsSource = DirectoryTree.InitRoot();
        }
    }
}

主窗口前台代码：

<Window x:Class="CheckBoxTreeView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CheckBoxTreeView"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    
    <Grid>
        <TreeView Name="tvDirectories" Grid.Column="0" Margin="0,0,5,0">
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate DataType="{x:Type local:DirectoryTree}" ItemsSource="{Binding Directories}">
                    <StackPanel Orientation="Horizontal">
                        <CheckBox IsChecked="{Binding Path=IsChecked}" IsTabStop="False" Focusable="False" HorizontalAlignment="Center"/>                        
                        <TextBlock Text="{Binding Path=Info}" HorizontalAlignment="Center"/>
                    </StackPanel>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>
    </Grid>
</Window>

以上是遍历的代码。但是好多时候，我们需要定量的TreeView结构，这里我稍微修改一下上面的代码，改成双层结构的代码，同样的功能。先来看效果：


然后在上面的基础上修改代码：

Node class：

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace TreeViewAndCheckboxTest
{
    public class Node : INotifyPropertyChanged
    {
        public Node()
        {
            this.isChecked = false;
        }
        public Node(Node parent,string nodeName):this()
        {
            Parent = parent;
            NodeName = nodeName;
        }
        public Node(Node parent, string nodeName, Boolean bChecked)
            : this(parent, nodeName)
        {
            this.isChecked = bChecked;
        }
        public Node Parent;

        public event PropertyChangedEventHandler PropertyChanged;       
        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }
        private Boolean? isChecked;

        public Boolean? IsChecked
        {
            get { return this.isChecked; }
            set
            {
                if (this.isChecked != value)
                {
                    this.isChecked = value;
                    NotifyPropertyChanged("IsChecked");
                    if (this.isChecked == true) // 如果节点被选中
                    {
                        if (this.childNode != null)
                            foreach (Node dt in this.childNode)
                                dt.IsChecked = true;
                        if (this.Parent != null)
                        {
                            Boolean bExistUncheckedChildren = false;
                            foreach (Node dt in this.Parent.ChildNode)
                                if (dt.IsChecked != true)
                                {
                                    bExistUncheckedChildren = true;
                                    break;
                                }
                            if (bExistUncheckedChildren)
                                this.Parent.IsChecked = null;
                            else
                                this.Parent.IsChecked = true;
                        }
                    }
                    else if (this.isChecked == false)   // 如果节点未选中
                    {
                        if (this.childNode != null)
                            foreach (Node dt in this.childNode)
                                dt.IsChecked = false;
                        if (this.Parent != null)
                        {
                            Boolean bExistCheckedChildren = false;
                            foreach (Node dt in this.Parent.ChildNode)
                                if (dt.IsChecked != false)
                                {
                                    bExistCheckedChildren = true;
                                    break;
                                }
                            if (bExistCheckedChildren)
                                this.Parent.IsChecked = null;
                            else
                                this.Parent.IsChecked = false;
                        }
                    }
                    else
                    {
                        if (this.Parent != null)
                            this.Parent.IsChecked = null;
                    }
                }
            }
        }

        

        private ObservableCollection<Node> childNode;

        public string NodeName { get; set; }

        public ObservableCollection<Node> InitRoot()
        {
            ObservableCollection<Node> dts = new ObservableCollection<Node>();
            
            for(int i=0;i<2;i++)
            {                
                 Node dt = new Node(null, i.ToString()+"a");
                 dts.Add(dt);                
            }
            return dts;
        }

        public ObservableCollection<Node> ChildNode
        {
            get
            {
                if (this.childNode == null)
                {
                    this.childNode = new ObservableCollection<Node>();
                    if(NodeName.Equals("0a"))
                    {
                        for (int i = 0; i < 3; i++)
                        {
                            this.childNode.Add(new Node(this, "b" + i.ToString(), this.isChecked == true));
                        }
                    }
                    else if(NodeName.Equals("1a"))
                    {
                        for (int i = 0; i < 4; i++)
                        {
                            this.childNode.Add(new Node(this, "c" + i.ToString(), this.isChecked == true));
                        }
                    }                    
                }
                return childNode;
            }
        }
    }
}

主窗口后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace TreeViewAndCheckboxTest
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.tvDirectories.ItemsSource = new Node().InitRoot();
        }
    }
}

主窗口前台代码：

<Window x:Class="TreeViewAndCheckboxTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:TreeViewAndCheckboxTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <TreeView Name="tvDirectories" Grid.Column="0" Margin="0,0,5,0">
        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate DataType="{x:Type local:Node}" ItemsSource="{Binding ChildNode}">
                <StackPanel Orientation="Horizontal">
                    <CheckBox IsChecked="{Binding Path=IsChecked}" IsTabStop="False" Focusable="False" HorizontalAlignment="Center"/>
                    <TextBlock Text="{Binding Path=NodeName}" HorizontalAlignment="Center"/>
                </StackPanel>
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</Window>
这样就完美实现了需要遍历的树结构，和自己组成树结构的两种形式的代码。至于形成更炫酷的功能，就只需要各种style和Template组合起来用即可。
WPF实现带有Checkbox选择框的TreeView树控件
cazare的专栏
06-02 2414
<br />WPF实现带有Checkbox选择框的TreeView树控件<br /><br />代码片段：<br />Window1.xaml文件<br /><Window x:Class="CheckBoxTreeView.Window1"<br />    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"<br />    xmlns:x="http://schemas.microsoft.com/winfx/2006/x
WPF TreeView 全选/反选/子级选中父级也选中
weixin_45381071的博客
07-14 785
【代码】WPF TreeView 全选/反选/子级选中父级也选中。
wpf treeview checkbox
05-04
支持checkbox 核心代码 void SetIsChecked(bool? value, bool updateChildren, bool updateParent) { if (value == _isChecked) return; _isChecked = value; if (updateChildren && _isChecked.HasValue) { foreach (TreeItem child in children) { child.SetIsChecked(_isChecked, true, false); } } if (updateParent && parent != null) { parent.VerifyCheckState(); } this.OnPropertyChanged("IsChecked"); }
深入理解WPF TreeView控件操作
最新发布
weixin_42181686的博客
03-14 1044
TreeView控件是图形用户界面中的一种常用组件，主要用于以树状结构展示信息，以层级方式组织数据。在应用程序中，它可以用来展示文件系统的目录结构、组织架构或者任何需要层次化展示的信息。TreeView控件在XAML中除了基本的声明外，还可以配置多项属性和事件，以实现丰富的交互功能。常见的属性包括HeaderHeightWidth等，用于设置TreeView的基本显示效果。以下是几个重要属性和事件的简单介绍：Header: 设置TreeView控件上方显示的文本。Height和。
treeview形式的checkbox（wpf、c#）
博客
09-12 1187
如何实现treeview形式的checkbox，并且父节点和子节点的选中状态可相互影响。TreeViewItemModel的定义：（也就是定义treeview形式的checkbox）wpf代码：treeview绑定的数据是PermissionDataCollection。
WPF的Treeview控件实现CheckBox
niuge8905的博客
12-22 2251
WPF的Treeview控件的一般用法书上都有介绍，就没必要多讲。这里主要说明TreeView里实现CheckBox。 首先构造一个Node类 public class Node : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; ...
C#（在TreeView中使用CheckBox）
刘筱筑的专栏
04-18 3742
树结构中的节点共有两层（父节点是分类名称子节点是属于该类的项的名称）都是从数据库中读出而且是在读出的过程中将具体的数据项名称进行分类的。要想实现：treeview的AfterCheck事件中的：    1.父节点勾选则子节点全部勾选    2.父节点不勾选则子节点全部不勾选    3.子节点全部不勾选则父节点不够选而且父节点的文本呈黑色    4.子节点部分勾选则父节点不勾选而且文本呈灰色   
WPF：树状图分组三种状态，TreeView与CheckBox
YiDabing9的博客
08-03 3237
TreeView与CheckBox父节点和子节点效果图需求说明代码.xaml前台.xaml.cs后台CheckTreeView.cs类 效果图 需求说明 这是一个树状图，要求三种状态：全部选中，对号勾选；全部未选中，勾选框空白；部分选中，部分未选中，勾选框涂黑。 这是加载状态就该显示的，同时，你点击父节点选中，子节点该分组便所有都被选中；父节点为被选中，子节点就为空白。 同理，子节点也是，全部选中子节点，父节点就被勾选；都不选中子节点，父节点就空白；部分选中子节点，父节点就为填黑状态。 数据是从Mysql
WPF 子选项为CheckBox的TreeView实例
02-09
在WPF实际项目开发的时候，经常会用到带CheckBox的TreeView，虽然微软在WPF的TreeView中没有提供该功能，但是微软在WPF中提供强大的ItemTemplate模板功能和自定义样式，那我们可以自己写一个这样的控件供自己使用。
WPF 带CheckBox的TreeView
06-11
为了实现CheckBox与TreeViewItem的联动，我们需要定义一个数据模型，该模型包含一个表示选中状态的布尔属性（如`IsChecked`）。然后，我们可以使用MVVM（Model-View-ViewModel）设计模式，将数据模型绑定到...
wpf中给 treeview 添加 CheckBox和 ContextMenu
04-19
总结来说，WPF中的`TreeView`可以通过数据绑定和模板来实现复杂的功能，如动态添加带复选框的子节点和右键上下文菜单。通过理解数据绑定、模板以及事件处理，你可以根据需求自定义`TreeView`的行为，提高用户体验。
WPF Treeview CheckBox
09-12
TreeViewWithCheckBoxes，实现WPF树控件绑定，WPF TreeView CheckBox三态效果
带三态checkbox的treeview
09-14
三态checkbox具有三种状态，并且将三态checkbox应用于treeview，有实例代码
TreeViewWithCheckBox
08-21
带CheckBox的TreeView，实现了一下很简单的功能。
wpf带checkbox的treeview开发
IT Tech
12-22 2306
好久没有写博文了，其实也发现没什么可写的，最近又搞起WPF来，其中用到了treeview，有点东西拿来分享一下。 　　treeview默认是不带checkbox的，但让他带checkbox也很简单，设置一下样式即可，当然这不是难点，也不是重点，重点是checked属性怎么关联数据的问题，笔者也是查阅网上诸多大神的示例，其中就使用了绑带数据源的方式，实现动态改变checked状态，笔者也是在此
TreeView CheckBox勾选联动
程序E生
10-30 4447
在C# Winform项目中用到了TreeView控件，并且需要勾选的功能，父子节点联动，需要实现如下：      1.当选中父节点的时候，如果它的子节点有没有选中的，则选中。      2.当取消选中父节点的时候，将所有子节点都取消选中。      3.当选中子节点的时候，要判断它的父节点中的所有子节点，是不是都已经选中，如果都选中则选中父节点。      4.当取消子节
WPF随笔（二）--带CheckBox的TreeView
lordwish的专栏
10-30 3287
在上一篇的文章中记录了如何使用MahApps.Metro界面库，本人还是比较喜欢它简约现代的风格，但是却发现MahApps.Metro中没有带CheckBox的TreeView，于是就参考资料做了一个带复选框的树形图。 树形图TreeView的特点是可以不断循环嵌套下去，如果只有固定的两级或三级并没有太大意义，因此其对应的数据结构应该也是要可循环嵌套的。同时一个通用的树形图的每个节点应该能够支持...
WPF:带复选框CheckBox的树TreeView
dishaowei7829的博客
09-09 752
最近要用WPF写一个树，同事给了我一个Demo（不知道是从哪里找来的），我基本上就是参照了这个Demo。 先放一下效果图（3棵树）： 这个树索要满足的条件是： 父节点.Checked=true时，子节点全部选中(反之成立)； 父节点.Checked=false时，子节点全部不选中(反之成立)； 子节点存在部分节点选中，部分节点未选中时，父节点为非全选状态（null）(...
WPF 带CheckBox、图标的TreeView
weixin_34088838的博客
06-24 111
WPF 带CheckBox、图标的TreeView 在WPF实际项目开发的时候，经常会用到带CheckBox的TreeView，虽然微软在WPF的TreeView中没有提供该功能，但是微软在WPF中提供强大的ItemTemplate模板功能和自定义样式，那我们可以自己写一个这样的控件供自己使用。 我自己写的这个比较简单。 首先写一个供TreeView使用的数据模型，并且实现INotif...
WPF TreeView 实现带CheckBox的右键菜单功能
在WPF中，为TreeView控件的节点动态添加CheckBox是为了让应用能够收集用户的选择状态，这对于需要进行多选操作的场景非常有用。要在TreeView中添加CheckBox，可以通过以下步骤进行： 1. **XAML布局调整**： 在XAML...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值