Wpf TreeView带CheckBox实现全选功能求助

我来帮你搞定这个TreeView的全选功能，你之前绑定没生效大概率是因为数据对象没实现属性变更通知，或是缺少层级联动的逻辑。下面给你两种实用方案：一种是父节点全选/反选子节点的层级联动，另一种是全局一键全选所有节点，先从最核心的ViewModel改造入手。

1. 先做可绑定的TreeItemViewModel基类 #

首先需要一个支持属性变更通知的ViewModel，同时处理CheckBox选中状态的层级联动（父选子、子选父半选）：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.Generic;

public class TreeItemViewModel : INotifyPropertyChanged
{
    private bool? _isChecked;
    private bool _isExpanded;
    private string _name;

    public TreeItemViewModel(string name)
    {
        Name = name;
        Children = new ObservableCollection<TreeItemViewModel>();
    }

    public string Name { get => _name; set => SetField(ref _name, value); }
    public ObservableCollection<TreeItemViewModel> Children { get; }

    public bool? IsChecked
    {
        get => _isChecked;
        set
        {
            if (SetField(ref _isChecked, value))
            {
                // 勾选父节点时，同步所有子节点状态
                if (value.HasValue)
                {
                    foreach (var child in Children)
                        child.IsChecked = value;
                }
                // 子节点状态变化时，通知父节点更新自身状态
                Parent?.UpdateParentCheckedState();
            }
        }
    }

    public bool IsExpanded
    {
        get => _isExpanded;
        set => SetField(ref _isExpanded, value);
    }

    public TreeItemViewModel Parent { get; set; }

    // 更新父节点的选中状态（处理半选场景）
    private void UpdateParentCheckedState()
    {
        if (Children.Count == 0) return;

        bool allChecked = true;
        bool allUnchecked = true;

        foreach (var child in Children)
        {
            if (child.IsChecked != true) allChecked = false;
            if (child.IsChecked != false) allUnchecked = false;
        }

        IsChecked = allChecked ? true : allUnchecked ? false : null;
        Parent?.UpdateParentCheckedState();
    }

    // INotifyPropertyChanged 标准实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    protected bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

2. 全局全选功能实现 #

如果需要一个外部的“全选”按钮/CheckBox来选中所有节点，在你的主ViewModel里添加一个AllChecked属性：

public class MainViewModel : INotifyPropertyChanged
{
    private bool _allChecked;
    public ObservableCollection<TreeItemViewModel> TreeItems { get; }

    public MainViewModel()
    {
        // 初始化示例层级数据（你可以替换成自己的业务数据）
        TreeItems = new ObservableCollection<TreeItemViewModel>();
        var parent1 = new TreeItemViewModel("项目组A");
        parent1.Children.Add(new TreeItemViewModel("成员1"));
        parent1.Children.Add(new TreeItemViewModel("成员2"));
        TreeItems.Add(parent1);

        var parent2 = new TreeItemViewModel("项目组B");
        parent2.Children.Add(new TreeItemViewModel("成员3"));
        parent2.Children.Add(new TreeItemViewModel("成员4"));
        TreeItems.Add(parent2);

        // 必须给子节点设置Parent，不然层级联动失效
        foreach (var parent in TreeItems)
        {
            foreach (var child in parent.Children)
                child.Parent = parent;
        }
    }

    public bool AllChecked
    {
        get => _allChecked;
        set
        {
            if (SetField(ref _allChecked, value))
            {
                // 递归遍历所有节点设置选中状态
                CheckAllNodes(TreeItems, value);
            }
        }
    }

    private void CheckAllNodes(IEnumerable<TreeItemViewModel> nodes, bool isChecked)
    {
        foreach (var node in nodes)
        {
            node.IsChecked = isChecked;
            CheckAllNodes(node.Children, isChecked);
        }
    }

    // 同样实现INotifyPropertyChanged的基础方法
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    protected bool SetField<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

3. 修改你的XAML代码 #

现在把XAML调整为绑定到ViewModel的属性，同时可以添加全局全选的CheckBox：

<!-- 先给窗口/用户控件设置DataContext，也可以在后台代码赋值 -->
<Window.DataContext>
    <local:MainViewModel />
</Window.DataContext>

<!-- 全局全选CheckBox -->
<CheckBox Content="全选所有节点" IsChecked="{Binding AllChecked}" Margin="5"/>

<TreeView Name="CurrentTreeView" Margin="5" BorderBrush="Transparent" BorderThickness="0" 
          ScrollViewer.VerticalScrollBarVisibility="Auto" ItemsSource="{Binding TreeItems}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <Setter Property="IsSelected" Value="{Binding IsSelected}" />
            <Setter Property="IsExpanded" Value="{Binding IsExpanded}" />
            <Setter Property="HeaderTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Focusable="False" 
                                      IsChecked="{Binding IsChecked, Mode=TwoWay}" 
                                      VerticalAlignment="Center"
                                      Style="{StaticResource CheckBoxStyle1}"/>
                            <TextBlock VerticalAlignment="Center" 
                                       Text="{Binding Name}" 
                                       Margin="5" 
                                       TextOptions.TextFormattingMode="Display" 
                                       TextOptions.TextHintingMode="Auto" />
                        </StackPanel>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

关键注意点 #

• 去掉了你原来的Checked和Unchecked事件处理，因为绑定已经能自动处理状态变化，事件会和绑定逻辑冲突
• TextBlock现在绑定到Name属性（替换了你原来的{Binding}），这样数据绑定更清晰
• 务必给所有子节点设置Parent属性，不然父节点和子节点的选中状态联动会失效
• 如果不需要半选状态，只需要全选/全不选，可以把IsChecked改成bool类型，去掉半选相关的逻辑

这样调整后，不管是父节点点击全选子节点，还是全局一键全选所有节点，都能正常工作了。

内容的提问来源于stack exchange，提问作者alonzo