.NET MAUI中绑定字典内ObservableCollection后CollectionView不更新

在使用Community Toolkit MVVM的.NET MAUI项目中，原本实现了可用的绑定逻辑：CollectionView会根据ObservableCollection中的项自动更新界面。

视图模型代码：

[ObservableProperty] ObservableCollection<ProductModel> items;

视图的C#后台文件代码：

// binding是视图模型实例
CollectionView AddList()
{
    CollectionView list = new()
    {
        ItemsSource = binding.Items,
        // 其他配置代码...
    (...)
}

为实现按店铺对商品分类，修改了代码：

视图模型代码：

[ObservableProperty] Dictionary<ShopModel, ObservableCollection<ShopProductModel>> items;

视图的C#页面代码：

ItemsSource = binding.Items[shop]

现在绑定到ObservableCollection值后，CollectionView不再自动更新界面。

调试时，手动刷新后可以看到商品item已加入CollectionView的数据源，但仅在调试下拉列表中可见，界面上无显示。

问题核心在于直接通过字典索引绑定ObservableCollection的方式，无法让UI感知到集合的变更——虽然ObservableCollection本身支持集合变更通知，但字典的索引访问不会触发绑定系统的更新检测，且字典内集合实例的新增/替换也无法被UI捕获。可以通过以下方式修复：

• 改用CollectionView原生分组（推荐）
  放弃手动维护字典，直接利用.NET MAUI CollectionView的分组功能：

  1. 视图模型中维护一个包含所有商品的ObservableCollection<ShopProductModel>，确保ShopProductModel包含ShopModel类型的店铺属性
  2. 配置CollectionView启用分组：

     CollectionView list = new()
     {
         ItemsSource = new GroupedObservableCollection<ShopProductModel, ShopModel>(binding.Items, p => p.Shop),
         IsGrouped = true,
         // 按需配置分组头模板等
     };
     

  这种方式完全依托MVVM的自动变更通知机制，无需额外手动处理。

• 手动触发绑定更新（适配字典场景）
  如果必须保留字典结构，需要在视图模型中手动通知UI更新：

  1. 当字典中新增ObservableCollection实例时，触发属性变更通知：

     public void AddShopCollection(ShopModel shop)
     {
         Items[shop] = new ObservableCollection<ShopProductModel>();
         OnPropertyChanged(nameof(Items));
     }
     

  2. 给字典内的每个ObservableCollection订阅CollectionChanged事件，在集合内容变更时触发UI更新：

     public YourViewModel()
     {
         Items = new Dictionary<ShopModel, ObservableCollection<ShopProductModel>>();
     }
     
     public void AddProductToShop(ShopModel shop, ShopProductModel product)
     {
         if (!Items.TryGetValue(shop, out var collection))
         {
             collection = new ObservableCollection<ShopProductModel>();
             collection.CollectionChanged += (s, e) => OnPropertyChanged(nameof(Items));
             Items[shop] = collection;
             OnPropertyChanged(nameof(Items));
         }
         collection.Add(product);
     }
     

• 通过绑定路径而非直接索引赋值
  不要直接用binding.Items[shop]赋值，改用绑定表达式让绑定系统监控路径变更：

  list.SetBinding(ItemsView.ItemsSourceProperty, $"Items[{shop.Id}]");
  

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