WPF TreeView自定义样式下双向绑定Expanded属性失效问题

看起来你遇到了WPF里很常见的一个坑——自定义TreeViewItem样式和属性绑定组合后功能失效，我之前也踩过类似的坑，给你梳理下问题原因和解决方案：

问题根源 #

单独用样式正常、单独绑定功能正常，组合就挂了，大概率是你的自定义TreeViewItem样式覆盖了默认模板，导致ToggleButton的状态没有和TreeViewItem的IsExpanded属性做正确绑定。

默认的TreeViewItem模板里，展开按钮（ToggleButton）的IsChecked是和TreeViewItem的IsExpanded双向绑定的，但如果你的自定义模板里没做这个关联，那么VM里的IsExpanded属性变化就无法同步到UI的展开状态，反过来用户点击展开按钮也不会触发VM里的加载逻辑。

解决方案步骤 #

1. 修复自定义样式里的ToggleButton绑定 #

打开你的GroupedTreeViewItemStyle.xaml，找到模板里的ToggleButton，确保它的IsChecked属性和父级TreeViewItem的IsExpanded做双向绑定：

<ToggleButton x:Name="Expander"
              IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsExpanded, Mode=TwoWay}"
              <!-- 其他样式属性 --> />

另外，记得让你的自定义样式继承默认的TreeViewItem样式，避免完全覆盖默认行为：

<Style TargetType="TreeViewItem" x:Key="GroupedTreeViewItemStyle" BasedOn="{StaticResource {x:Type TreeViewItem}}">
    <!-- 你的样式设置 -->
</Style>

2. 确保ViewModel属性正确实现通知 #

检查你的ViewModel里的IsExpanded属性是否实现了INotifyPropertyChanged，双向绑定依赖属性变化通知才能正常工作：

private bool _isExpanded;
public bool IsExpanded
{
    get => _isExpanded;
    set
    {
        if (_isExpanded != value)
        {
            _isExpanded = value;
            OnPropertyChanged();
            // 触发即时加载逻辑
            if (value) LoadChildren();
        }
    }
}

// 实现INotifyPropertyChanged接口
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string propName = null)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
}

3. 正确关联TreeViewItem的IsExpanded绑定 #

在TreeView的ItemContainerStyle里，把TreeViewItem的IsExpanded属性绑定到ViewModel的对应属性：

<TreeView Name="treeView" ItemsSource="{Binding}">
    <TreeView.Resources>
        <ResourceDictionary Source="GroupedTreeViewItemStyle.xaml"/>
    </TreeView.Resources>
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem" BasedOn="{StaticResource GroupedTreeViewItemStyle}">
            <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"/>
        </Style>
    </TreeView.ItemContainerStyle>
    <!-- 你的ItemTemplate -->
</TreeView>

4. 调试绑定错误 #

如果还是有问题，可以打开Visual Studio的输出窗口（Debug模式下），查看是否有绑定失败的提示，这能帮你快速定位是哪个环节出了问题。

完整示例片段 #

这里给你一个简化的自定义样式模板参考，确保核心绑定正确：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="TreeViewItem" x:Key="GroupedTreeViewItemStyle" BasedOn="{StaticResource {x:Type TreeViewItem}}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TreeViewItem">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        
                        <!-- 展开按钮，核心绑定在这里 -->
                        <ToggleButton x:Name="Expander"
                                      Grid.Column="0"
                                      IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsExpanded, Mode=TwoWay}"
                                      Margin="0,2,4,2"/>
                        
                        <!-- 标题内容 -->
                        <ContentPresenter x:Name="PART_Header"
                                          Grid.Column="1"
                                          ContentSource="Header"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"/>
                        
                        <!-- 子项容器，根据IsExpanded显示/隐藏 -->
                        <ItemsPresenter x:Name="ItemsHost"
                                        Grid.Row="1"
                                        Grid.Column="1"
                                        Visibility="{TemplateBinding IsExpanded, Converter={StaticResource BooleanToVisibilityConverter}}"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <!-- 没有子项时隐藏展开按钮 -->
                        <Trigger Property="HasItems" Value="False">
                            <Setter TargetName="Expander" Property="Visibility" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

这样调整后，样式和双向绑定的功能应该就能正常协同工作了——用户点击展开按钮会同步VM的IsExpanded属性触发加载，VM里设置IsExpanded为true也会自动展开对应的TreeViewItem。

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