UWP中ComboBox的CompositeCollection有无更优替代实现方案？

我完全懂你这种纠结——WPF 里的 CompositeCollection 用起来太顺手了，既能绑定业务数据集合，又能直接塞自定义 UI 元素，UWP 里突然没了这个特性，现用的 DataTemplateSelector + 标记接口方案确实有点繁琐，还要搞虚拟项，不够优雅。

给你推荐一种更贴近 WPF 使用体验的实现方式：自定义混合集合类，直接把业务数据和静态 UI 元素整合到一个可观察集合中，不用额外的模板选择器或标记接口。

1. 实现通用混合集合类 #

先写一个继承自 ObservableCollection<object> 的集合类，自动支持集合变更通知，同时提供便捷的方法添加业务集合和静态 UI 项：

public class MixedCollection : ObservableCollection<object>, IDisposable
{
    private readonly INotifyCollectionChanged _wrappedBusinessCollection;

    // 构造函数：直接传入业务集合和静态项
    public MixedCollection(INotifyCollectionChanged businessCollection, IEnumerable<object> staticItems = null)
    {
        _wrappedBusinessCollection = businessCollection;
        // 监听业务集合的变更，自动同步到混合集合
        _wrappedBusinessCollection.CollectionChanged += BusinessCollection_Changed;

        // 初始化添加业务数据
        foreach (var item in businessCollection as IEnumerable)
        {
            Add(item);
        }

        // 添加静态 UI 项
        if (staticItems != null)
        {
            foreach (var item in staticItems)
            {
                Add(item);
            }
        }
    }

    // 同步业务集合的变更操作
    private void BusinessCollection_Changed(object sender, NotifyCollectionChangedEventArgs e)
    {
        switch (e.Action)
        {
            case NotifyCollectionChangedAction.Add:
                foreach (var item in e.NewItems)
                {
                    Insert(e.NewStartingIndex, item);
                }
                break;
            case NotifyCollectionChangedAction.Remove:
                foreach (var item in e.OldItems)
                {
                    Remove(item);
                }
                break;
            case NotifyCollectionChangedAction.Reset:
                Clear();
                foreach (var item in _wrappedBusinessCollection as IEnumerable)
                {
                    Add(item);
                }
                break;
        }
    }

    // 手动添加静态项的便捷方法
    public void AddStaticItem(object uiElement)
    {
        Add(uiElement);
    }

    public void Dispose()
    {
        _wrappedBusinessCollection.CollectionChanged -= BusinessCollection_Changed;
    }
}

2. ViewModel 中初始化混合集合 #

在你的 ViewModel 里，直接把业务数据和自定义 UI 元素整合到混合集合中：

public class MyViewModel : INotifyPropertyChanged
{
    public MixedCollection ComboItems { get; }
    public ICommand MagicCommand { get; }

    public MyViewModel()
    {
        MagicCommand = new RelayCommand(ExecuteMagic);
        
        // 准备静态 UI 项（和 WPF 写法几乎一致）
        var staticItems = new List<object>
        {
            new ComboBoxItem 
            { 
                Content = new Button { Command = MagicCommand, Content = "Clear" } 
            },
            new MyCustomControl()
        };

        // 假设 MyData 是你的业务数据集合（ObservableCollection<T>）
        ComboItems = new MixedCollection(MyData, staticItems);
    }

    private void ExecuteMagic()
    {
        // 你的命令逻辑
    }

    // 实现 INotifyPropertyChanged
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. XAML 直接绑定集合 #

最后在 XAML 里直接绑定这个混合集合，不用模板选择器——UWP 的 ComboBox 会自动识别集合中的业务对象和 UI 元素：

<ComboBox ItemsSource="{Binding ComboItems}">
    <!-- 为业务数据设置默认显示模板 -->
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" />
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

方案优势 #

• 贴近 WPF 使用习惯：和 CompositeCollection 的用法逻辑几乎一致，不需要额外的学习成本
• 代码更简洁：去掉了标记接口和模板选择器的冗余代码，逻辑更直观
• 自动同步变更：业务集合的增删改会自动同步到混合集合，无需手动维护
• 灵活性高：可以随时添加/移除静态 UI 项，支持任意类型的 UI 元素

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