WPF中ListView/GridView行级可展开文本块的实现问题

我来帮你梳理并解决这个行展开细节的问题，结合你用ListView和DataGrid的尝试，咱们一步步拆解：

一、最初ListView方案的核心问题 #

你用ListView的GridView布局时遇到两个问题，本质是对控件特性的误解加上代码错误：

1. Expander无法控制整行：你的后台代码里在找DataGridRow，但ListView的行容器是ListViewItem，不是DataGridRow，所以根本找不到目标行，自然没法触发整行展开。
2. 细节文本块成单独列：GridView是纯列布局，你把细节模板放在单独列里，它必然是列的一部分——ListView本身没有原生的"行细节"概念，要实现整行展开得自定义ListViewItem的模板，这个工作量远大于用DataGrid。

二、优化你的DataGrid方案（解决"缺少可展开模板列"问题） #

DataGrid原生支持RowDetailsTemplate，是实现行展开细节的最佳选择。你之前把Expander放在行头，现在要把它放到单独列里，同时修正事件逻辑，也可以用更优雅的MVVM绑定方式：

1. 用后台代码实现（快速适配你的现有逻辑） #

先修改XAML，把Expander加到自定义列中：

<DockPanel>
    <Grid>
        <DataGrid AutoGenerateColumns="False" CanUserAddRows="false" ItemsSource="{Binding Currents}"
                  xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls">
            <DataGrid.Columns>
                <!-- 自定义可展开列 -->
                <DataGridTemplateColumn Header="Expand" Width="50">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <mah:MetroExpander Expanded="OnChange" Collapsed="OnChange" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="Axm ID" Width="65" Binding="{Binding AxmId}" />
                <DataGridTextColumn Header="Channel" Width="75" Binding="{Binding SrcChannel}" />
                <DataGridTextColumn Header="From" Width="*" Binding="{Binding MinTimestamp, StringFormat='dd-MM-yyyy H:mm:ss'}" />
                <DataGridTextColumn Header="To" Width="*" Binding="{Binding MaxTimestamp, StringFormat='dd-MM-yyyy H:mm:ss'}" />
                <DataGridTextColumn Header="File" Width="*" Binding="{Binding SourcePaths}" />
            </DataGrid.Columns>
            <DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <TextBlock Text="THIS IS HIDDEN DETAILS TEST" Margin="10" />
                </DataTemplate>
            </DataGrid.RowDetailsTemplate>
        </DataGrid>
    </Grid>
</DockPanel>

然后修正后台事件代码，正确查找DataGridRow：

private void OnChange(object sender, RoutedEventArgs e)
{
    var expander = sender as Expander;
    if (expander == null) return;

    // 通用方法：向上查找视觉树中的DataGridRow
    var targetRow = FindVisualParent<DataGridRow>(expander);
    if (targetRow != null)
    {
        targetRow.DetailsVisibility = expander.IsExpanded ? Visibility.Visible : Visibility.Collapsed;
    }
}

// 辅助方法：查找指定类型的视觉父元素
private T FindVisualParent<T>(DependencyObject child) where T : DependencyObject
{
    var parent = VisualTreeHelper.GetParent(child);
    if (parent == null) return null;
    
    return parent is T parentT ? parentT : FindVisualParent<T>(parent);
}

2. 更优雅的MVVM绑定方式（推荐，符合WPF设计思想） #

避免后台操作视觉元素，把展开状态绑定到数据模型的属性：

• 首先给你的数据模型（比如Current类）添加IsRowExpanded属性并实现INotifyPropertyChanged：

public class Current : INotifyPropertyChanged
{
    // 你的原有属性：AxmId、SrcChannel、MinTimestamp等
    
    private bool _isRowExpanded;
    public bool IsRowExpanded
    {
        get => _isRowExpanded;
        set
        {
            _isRowExpanded = value;
            OnPropertyChanged();
        }
    }

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

• 然后修改XAML，用绑定替代后台事件：

<DataGrid AutoGenerateColumns="False" CanUserAddRows="false" ItemsSource="{Binding Currents}"
          xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
          RowDetailsVisibilityBinding="{Binding IsRowExpanded, Converter={StaticResource BooleanToVisibilityConverter}}">
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="Expand" Width="50">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <mah:MetroExpander IsExpanded="{Binding IsRowExpanded, Mode=TwoWay}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <!-- 其他列不变 -->
    </DataGrid.Columns>
    <DataGrid.RowDetailsTemplate>
        <DataTemplate>
            <TextBlock Text="THIS IS HIDDEN DETAILS TEST" Margin="10" />
        </DataTemplate>
    </DataGrid.RowDetailsTemplate>
</DataGrid>

注意：需要在资源中声明BooleanToVisibilityConverter，或者用MahApps自带的转换器。

三、关于MahApps.Metro的排查建议 #

如果怀疑是MahApps样式影响：

1. 先尝试把Mah:MetroExpander换成原生Expander，看看是否正常工作，排除控件样式问题。
2. 临时给DataGrid设置Style="{x:Null}"，禁用MahApps的默认样式，测试行细节是否能正常显示，判断是不是样式覆盖了行细节模板。
3. 检查MahApps的DataGrid样式文档，确认是否有关于RowDetailsTemplate的特殊配置。

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