.NET Maui中ObservableCollection更新时DataTemplateSelector未触发问题

问题根源 #

CollectionView默认采用视图复用机制，类似移动端的RecyclerView/UITableView。当你清空集合再添加相同数量的项时，它会复用之前已创建的视图容器，不会重新调用DataTemplateSelector的OnSelectTemplate方法，而是直接沿用原有视图的模板，导致样式异常。只有当新增项数量超过历史最大数量时，才会创建新视图并触发选择器；删除再添加相同数量时，模板按后进先出分配正是因为复用了最后被回收的视图模板。

可行解决方案 #

方案1：重新实例化ObservableCollection（最直接） #

每次过滤时，不直接清空原集合再添加数据，而是创建新的ObservableCollection实例并赋值给绑定属性。这种方式会让CollectionView完全重建所有视图，确保每个项都触发DataTemplateSelector。

// ViewModel代码（需实现INotifyPropertyChanged）
public ObservableCollection<DataBaseItem> DataBaseItemsFiltered { get; set; }

public void Filter()
{
    // 从原始数据源过滤得到目标项
    var filteredItems = OriginalItems.Where(item => /* 你的过滤条件 */).ToList();
    // 重新实例化集合并赋值
    DataBaseItemsFiltered = new ObservableCollection<DataBaseItem>(filteredItems);
    OnPropertyChanged(nameof(DataBaseItemsFiltered));
}

方案2：通过触发器强制DataTemplateSelector重新评估 #

如果不想频繁实例化集合，可以给自定义DataTemplateSelector添加一个绑定属性作为刷新触发器，每次过滤后切换该属性值，强制CollectionView重新调用选择器。

步骤1：修改自定义DataTemplateSelector

public class CompanyTemplateSelector : DataTemplateSelector
{
    public DataTemplate NormalTemplate { get; set; }
    public DataTemplate HighlightTemplate { get; set; }

    // 新增刷新触发器依赖属性
    public static readonly BindableProperty RefreshTriggerProperty =
        BindableProperty.Create(nameof(RefreshTrigger), typeof(bool), typeof(CompanyTemplateSelector), false);

    public bool RefreshTrigger
    {
        get => (bool)GetValue(RefreshTriggerProperty);
        set => SetValue(RefreshTriggerProperty, value);
    }

    protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
    {
        var dataItem = item as DataBaseItem;
        return dataItem?.Company == "BestCompany" ? HighlightTemplate : NormalTemplate;
    }
}

步骤2：XAML中绑定触发器

<CollectionView ItemsSource="{Binding DataBaseItemsFiltered}">
    <CollectionView.ItemTemplateSelector>
        <local:CompanyTemplateSelector 
            NormalTemplate="{StaticResource NormalItemTemplate}"
            HighlightTemplate="{StaticResource HighlightItemTemplate}"
            RefreshTrigger="{Binding TemplateRefreshTrigger}" />
    </CollectionView.ItemTemplateSelector>
</CollectionView>

步骤3：ViewModel中触发刷新

// ViewModel需实现INotifyPropertyChanged
private bool _templateRefreshTrigger;
public bool TemplateRefreshTrigger
{
    get => _templateRefreshTrigger;
    set
    {
        _templateRefreshTrigger = value;
        OnPropertyChanged(nameof(TemplateRefreshTrigger));
    }
}

public void Filter()
{
    DataBaseItemsFiltered.Clear();
    // 添加过滤后的数据
    foreach (var item in OriginalItems.Where(/* 你的过滤条件 */))
    {
        DataBaseItemsFiltered.Add(item);
    }
    // 切换触发器值，强制选择器重新评估
    TemplateRefreshTrigger = !TemplateRefreshTrigger;
}

方案3：禁用视图复用（不推荐） #

通过修改CollectionView的缓存设置禁用视图复用，但会导致性能下降，尤其是数据量大时。仅适合数据量极小的场景：

<CollectionView ItemsSource="{Binding DataBaseItemsFiltered}" 
                CachingStrategy="RecycleElementAndDataTemplate">
    <!-- 模板设置 -->
</CollectionView>

或者设置CacheLength="0"，但实际效果有限，不推荐作为常规方案。

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