WinUI 3中未知列数字典数据绑定DataGrid的实现问题

你的核心问题在于TagData中的Values是数组类型，WinUI 3的DataGrid自动生成列无法识别数组元素，必须手动创建列并绑定数组索引。下面是完整的实现方案：

1. 完善数据模型（可选但推荐） #

给TagData实现INotifyPropertyChanged，确保后续数据更新时UI能同步刷新：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class TagData : INotifyPropertyChanged
{
    private string _tag;
    public string Tag
    {
        get => _tag;
        set
        {
            _tag = value;
            OnPropertyChanged();
        }
    }

    private bool[] _values;
    public bool[] Values
    {
        get => _values;
        set
        {
            _values = value;
            OnPropertyChanged();
        }
    }

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

2. 修改数据转换逻辑 #

在转换数据时，同时保存所有动态表头，用于后续创建列：

private (ObservableCollection<TagData> TagDataList, List<string> AllHeaders) ConvertDictionaryToTagData(ObservableDictionary<string, List<string>> data)
{
    // 获取所有不重复的属性表头并排序
    var allHeaders = data.SelectMany(x => x.Value).Distinct().Order().ToList();

    var tagDataList = new ObservableCollection<TagData>();

    foreach (var item in data)
    {
        var tag = new TagData
        {
            Tag = item.Key,
            Values = new bool[allHeaders.Count]
        };

        // 填充每个属性的bool值
        for (int i = 0; i < allHeaders.Count; i++)
        {
            tag.Values[i] = item.Value.Contains(allHeaders[i]);
        }

        tagDataList.Add(tag);
    }

    return (tagDataList, allHeaders);
}

3. 手动配置DataGrid列 #

在页面加载时（比如OnNavigatedTo或Loaded事件），手动创建列并绑定数据源：

第一步：XAML中定义DataGrid #

关闭自动生成列，指定名称以便后台操作：

<controls:DataGrid x:Name="TagDataGrid" AutoGenerateColumns="False" />

第二步：后台代码配置列和绑定 #

private ObservableCollection<TagData> _tagDataCollection;
private List<string> _allHeaders;

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    
    // 转换数据源
    var conversionResult = ConvertDictionaryToTagData(Source);
    _tagDataCollection = conversionResult.TagDataList;
    _allHeaders = conversionResult.AllHeaders;

    // 配置DataGrid列
    SetupDataGridColumns();

    // 绑定数据源
    TagDataGrid.ItemsSource = _tagDataCollection;
}

private void SetupDataGridColumns()
{
    // 清空现有列
    TagDataGrid.Columns.Clear();

    // 添加固定的Tag列
    var tagColumn = new DataGridTextColumn
    {
        Header = "Tag",
        Binding = new Binding("Tag")
    };
    TagDataGrid.Columns.Add(tagColumn);

    // 添加动态属性列（每个属性对应一个CheckBox列）
    for (int i = 0; i < _allHeaders.Count; i++)
    {
        var columnIndex = i; // 捕获循环索引，避免闭包问题
        var propColumn = new DataGridCheckBoxColumn
        {
            Header = _allHeaders[i],
            // 绑定数组对应索引的元素
            Binding = new Binding($"Values[{columnIndex}]")
        };
        TagDataGrid.Columns.Add(propColumn);
    }
}

4. 数据源更新后的处理（可选） #

如果后续Source字典有新增/删除元素，只需重新调用转换方法和列配置逻辑，再刷新ItemsSource即可：

private void RefreshDataGrid()
{
    var newResult = ConvertDictionaryToTagData(Source);
    _tagDataCollection = newResult.TagDataList;
    _allHeaders = newResult.AllHeaders;
    
    SetupDataGridColumns();
    TagDataGrid.ItemsSource = null;
    TagDataGrid.ItemsSource = _tagDataCollection;
}

这样就能完全实现你期望的DataGrid展示效果：Tag列显示字典键，后续列显示所有不重复的属性名，单元格用true/false标记对应Tag是否包含该属性。

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