如何在TreeViewItem等容器中按GridView布局渲染ListViewItem？

当然可行！我之前做过类似的需求，核心就是让TreeView的每个项复用ListView那种GridView列布局的渲染逻辑，保证列对齐和样式统一。下面给你一步步拆解实现方法：

1. 抽离共享的GridView列定义 #

首先把你原本在ListView里用的GridView列规则单独抽出来作为资源，这样TreeView和原ListView可以共用同一套配置，确保列宽、对齐方式、绑定路径完全一致：

<Window.Resources>
    <GridView x:Key="SharedDataGridView">
        <GridViewColumn Header="ID" DisplayMemberBinding="{Binding ItemId}" Width="60"/>
        <GridViewColumn Header="名称" DisplayMemberBinding="{Binding ItemName}" Width="180"/>
        <GridViewColumn Header="详情" DisplayMemberBinding="{Binding ItemDesc}" Width="*"/>
    </GridView>
</Window.Resources>

2. 定制TreeViewItem的模板 #

TreeView默认只会渲染文本，我们需要修改它的ItemTemplate，让每个TreeViewItem内部用GridViewRowPresenter来渲染内容——这个控件就是ListView里负责呈现GridView行的核心组件，它会自动套用我们定义的GridView列布局：

<TreeView ItemsSource="{Binding TreeDataItems}">
    <!-- 支持树形层级的模板 -->
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding ChildItems}">
            <GridViewRowPresenter 
                GridView="{StaticResource SharedDataGridView}" 
                Content="{Binding}"/>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

如果你的Tree没有子层级，直接用普通DataTemplate替换HierarchicalDataTemplate就行。

3. 调整样式解决对齐问题（可选） #

默认TreeViewItem的缩进会让列和顶部ListView不对齐，你可以通过修改ItemContainerStyle来调整：

<TreeView.ItemContainerStyle>
    <Style TargetType="TreeViewItem">
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TreeViewItem">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <!-- 保留展开/折叠箭头 -->
                        <ToggleButton 
                            x:Name="Expander"
                            IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"
                            Margin="0 0 5 0"/>
                        <!-- 内容区域用GridViewRowPresenter渲染 -->
                        <ContentPresenter 
                            Grid.Column="1"
                            Content="{TemplateBinding Header}"
                            HorizontalAlignment="Left"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="HasItems" Value="False">
                            <Setter TargetName="Expander" Property="Visibility" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</TreeView.ItemContainerStyle>

这样箭头和内容列分开，不会干扰GridView的列对齐效果。

4. 准备树形数据模型 #

你的数据模型需要包含层级结构（比如子项集合），同时每个节点的属性要和GridView列的绑定路径对应：

public class TreeDataItem
{
    public int ItemId { get; set; }
    public string ItemName { get; set; }
    public string ItemDesc { get; set; }
    public List<TreeDataItem> ChildItems { get; set; } = new();
}

GridViewRowPresenter是WPF专门为GridView设计的行渲染控件，它会根据绑定的GridView定义，自动把数据项的属性映射到对应列上，完美复用ListView的行布局逻辑，同时嵌套在TreeViewItem里就能实现树形结构的需求。

内容的提问来源于stack exchange，提问作者Shachar Har-Shuv