如何为TreeView无子节点元素添加展开/折叠按钮

要实现这个需求，核心就是让TreeView认为“空节点”也具备展开/折叠的交互能力，不管它有没有实际的子元素。这里有两个实用的方法，你可以根据自己的场景选择：

方法一：从数据层入手（最简单的方案） #

默认情况下，HierarchicalDataTemplate只有当绑定的ItemsSource（也就是你的Nodes属性）不为null且包含元素时，才会显示展开按钮。所以我们只需要确保即使节点没有子元素，Nodes属性也返回一个空的集合，而不是null。

比如在你的节点ViewModel类里，这样定义Nodes属性：

public class Node
{
    public string Name { get; set; }
    
    private ObservableCollection<Node> _nodes;
    public ObservableCollection<Node> Nodes
    {
        get
        {
            // 如果_nodes为null，返回一个空集合
            return _nodes ??= new ObservableCollection<Node>();
        }
        set => _nodes = value;
    }
}

这样一来，所有节点的Nodes属性都不会是null，TreeView就会给每个节点都显示展开/折叠按钮，哪怕集合是空的。点击按钮时，节点会有展开/折叠的视觉反馈，只是展开后没有子节点显示而已。

方法二：自定义TreeViewItem样式（更灵活的UI控制） #

如果不想修改数据层，也可以通过自定义TreeViewItem的模板，强制显示展开/折叠按钮。

默认的TreeViewItem模板中，展开按钮（ToggleButton）的可见性是绑定到HasItems属性的，我们只需要修改这个绑定逻辑，或者直接设置它始终可见。

下面是一个完整的自定义样式示例，你可以把它放在Window.Resources或者App.xaml里：

<Style TargetType="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 Height="*"/>
                    </Grid.RowDefinitions>
                    <!-- 自定义展开/折叠按钮，强制可见 -->
                    <ToggleButton x:Name="Expander" 
                                  Style="{StaticResource ExpandCollapseToggleStyle}"
                                  Visibility="Visible"
                                  IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"/>
                    <ContentPresenter x:Name="PART_Header"
                                      Grid.Column="1"
                                      ContentSource="Header"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    <ItemsPresenter x:Name="ItemsHost"
                                    Grid.Row="1"
                                    Grid.Column="1"
                                    Visibility="{TemplateBinding IsExpanded, Converter={StaticResource BooleanToVisibilityConverter}}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsExpanded" Value="false">
                        <Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="HasItems" Value="false">
                        <!-- 注释掉默认的隐藏逻辑，保持按钮可见 -->
                        <!-- <Setter TargetName="Expander" Property="Visibility" Value="Hidden"/> -->
                    </Trigger>
                    <Trigger Property="IsSelected" Value="true">
                        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注意：上面的样式中，我注释掉了HasItems=false时隐藏按钮的触发器，并且把ToggleButton的Visibility直接设为Visible。这样不管节点有没有子元素，按钮都会显示出来。

额外提示 #

如果你希望点击空节点的展开按钮时，能动态加载子节点（比如从服务器获取数据），可以给TreeViewItem的Expanded事件添加处理逻辑，在事件里检查当前节点的Nodes是否为空，如果为空就加载数据，然后更新集合。

内容的提问来源于stack exchange，提问作者Quintus Fabius Maximus