如何在TreeView Hierarchical Data Template中添加额外控件？

没问题！既然你已经搞定了TreeView的自定义线条样式（用-和|勾勒结构）和展开箭头移除，要在HierarchicalDataTemplate里加额外控件其实很简单，核心就是把模板的内容改成可以容纳多个元素的布局容器就行，我给你一步步讲清楚：

核心思路 #

HierarchicalDataTemplate本质是用来定义每个TreeViewItem的头部内容模板，默认可能只放了一个显示节点文本的控件。你只需要把原来的文本控件和要添加的额外控件（比如按钮、复选框、输入框等）放在同一个布局容器（比如StackPanel、DockPanel）里，就能实现同节点内多控件共存的效果，而且完全兼容你已有的自定义样式。

具体代码示例 #

假设你的数据模型是一个简单的树形结构（包含节点名称和子节点列表）：

public class TreeNode : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }

    private bool _isChecked;
    public bool IsChecked
    {
        get => _isChecked;
        set { _isChecked = value; OnPropertyChanged(); }
    }

    public List<TreeNode> Children { get; set; } = new List<TreeNode>();

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

接下来修改XAML中的HierarchicalDataTemplate，加入额外控件：

<TreeView x:Name="CustomTreeView" ItemsSource="{Binding RootNodes}">
    <!-- 你的自定义TreeView/TreeViewItem样式（已移除箭头、用-|勾勒结构） -->
    <TreeView.Resources>
        <!-- 这里是你已有的TreeViewItem自定义样式，简化示意 -->
        <Style TargetType="TreeViewItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TreeViewItem">
                        <StackPanel>
                            <!-- 你的自定义缩进和线条结构 -->
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="- " />
                                <!-- 这个ContentPresenter会渲染HierarchicalDataTemplate的内容 -->
                                <ContentPresenter x:Name="PART_Header" ContentSource="Header" />
                            </StackPanel>
                            <ItemsPresenter x:Name="PART_ItemsHost" />
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <!-- 修改后的HierarchicalDataTemplate，加入额外控件 -->
        <HierarchicalDataTemplate DataType="{x:Type local:TreeNode}" ItemsSource="{Binding Children}">
            <!-- 用横向StackPanel容纳文本和额外控件 -->
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="2 0">
                <!-- 原来的节点文本 -->
                <TextBlock Text="{Binding Name}" Width="120" />
                <!-- 额外控件1：编辑按钮 -->
                <Button Content="编辑" Width="60" Height="22" Margin="4 0" Click="EditNode_Click" />
                <!-- 额外控件2：选择复选框 -->
                <CheckBox Content="选中" IsChecked="{Binding IsChecked}" Margin="4 0" />
            </StackPanel>
        </HierarchicalDataTemplate>
    </TreeView.Resources>
</TreeView>

关键注意事项 #

• 确保你的自定义TreeViewItem模板中的ContentPresenter（通常命名为PART_Header）能正确渲染新的模板内容，不要限制它的布局空间。
• 如果需要不同层级的节点显示不同的额外控件，可以使用DataTemplateSelector，根据节点的层级或类型选择对应的模板。
• 若额外控件需要和数据交互（比如复选框的选中状态），记得在数据模型中实现INotifyPropertyChanged接口，保证UI和数据的双向绑定生效。

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