WPF技术问询：如何实现支持0-N个Separator的ComboBox

针对你的需求，我们可以通过附加属性来封装CompositeCollection的构建逻辑，彻底避免重复代码，同时完全不修改原有ComboBox的模板和使用code behind。下面分两种常见场景提供实现方案：

场景1：多个数据源之间加分隔符（匹配你原有的CompositeCollection用法） #

这种场景下，我们通过附加属性传入多个集合，自动在集合之间添加分隔符；0个分隔符的情况对应只传入一个集合即可。

1. 创建附加属性辅助类 #

using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace YourNamespace
{
    public static class ComboBoxSeparatorHelper
    {
        // 用于传入多个数据源集合
        public static readonly DependencyProperty SourceCollectionsProperty =
            DependencyProperty.RegisterAttached(
                "SourceCollections",
                typeof(IEnumerable<IEnumerable>),
                typeof(ComboBoxSeparatorHelper),
                new PropertyMetadata(null, OnSourceCollectionsChanged));

        // 用于自定义分隔符模板（可选）
        public static readonly DependencyProperty SeparatorTemplateProperty =
            DependencyProperty.RegisterAttached(
                "SeparatorTemplate",
                typeof(DataTemplate),
                typeof(ComboBoxSeparatorHelper),
                new PropertyMetadata(null, OnSourceCollectionsChanged));

        public static IEnumerable<IEnumerable> GetSourceCollections(DependencyObject obj)
        {
            return (IEnumerable<IEnumerable>)obj.GetValue(SourceCollectionsProperty);
        }

        public static void SetSourceCollections(DependencyObject obj, IEnumerable<IEnumerable> value)
        {
            obj.SetValue(SourceCollectionsProperty, value);
        }

        public static DataTemplate GetSeparatorTemplate(DependencyObject obj)
        {
            return (DataTemplate)obj.GetValue(SeparatorTemplateProperty);
        }

        public static void SetSeparatorTemplate(DependencyObject obj, DataTemplate value)
        {
            obj.SetValue(SeparatorTemplateProperty, value);
        }

        private static void OnSourceCollectionsChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (d is not ComboBox comboBox) return;

            var collections = GetSourceCollections(comboBox);
            if (collections == null || !collections.Any())
            {
                comboBox.ItemsSource = null;
                return;
            }

            var compositeCollection = new CompositeCollection();
            int collectionIndex = 0;
            var totalCollections = collections.Count();

            foreach (var collection in collections)
            {
                // 添加当前数据源的CollectionContainer
                compositeCollection.Add(new CollectionContainer { Collection = collection });
                collectionIndex++;

                // 不是最后一个数据源时，添加分隔符
                if (collectionIndex < totalCollections)
                {
                    var separatorItem = new ComboBoxItem { IsEnabled = false };

                    // 使用自定义模板或默认分隔符
                    var separatorTemplate = GetSeparatorTemplate(comboBox);
                    if (separatorTemplate != null)
                    {
                        separatorItem.ContentTemplate = separatorTemplate;
                    }
                    else
                    {
                        separatorItem.Content = new Separator { Background = Brushes.White, Height = 10 };
                    }

                    compositeCollection.Add(separatorItem);
                }
            }

            comboBox.ItemsSource = compositeCollection;
        }
    }
}

2. 在ViewModel中准备数据源 #

把需要展示的多个集合包装成一个集合的集合：

public IEnumerable<IEnumerable> MyCombinedSources => new List<IEnumerable>
{
    MySource1, // 你的第一个数据源
    MySource2, // 你的第二个数据源
    MySource3  // 可以添加任意数量的数据源
};

3. 在XAML中使用 #

<!-- 如果需要自定义分隔符，先定义模板 -->
<Window.Resources>
    <DataTemplate x:Key="CustomSeparator">
        <Separator Background="LightGray" Height="2" Margin="8,4"/>
    </DataTemplate>
</Window.Resources>

<!-- 使用附加属性配置ComboBox -->
<ComboBox 
    local:ComboBoxSeparatorHelper.SourceCollections="{Binding MyCombinedSources}"
    local:ComboBoxSeparatorHelper.SeparatorTemplate="{StaticResource CustomSeparator}"/>

场景2：单个数据源中指定位置插入分隔符 #

如果你需要在单个集合的指定索引位置插入分隔符，可以使用下面的附加属性方案：

1. 扩展附加属性辅助类 #

添加SeparatorIndices附加属性：

public static readonly DependencyProperty SeparatorIndicesProperty =
    DependencyProperty.RegisterAttached(
        "SeparatorIndices",
        typeof(List<int>),
        typeof(ComboBoxSeparatorHelper),
        new PropertyMetadata(null, OnSeparatorIndicesChanged));

public static List<int> GetSeparatorIndices(DependencyObject obj)
{
    return (List<int>)obj.GetValue(SeparatorIndicesProperty);
}

public static void SetSeparatorIndices(DependencyObject obj, List<int> value)
{
    obj.SetValue(SeparatorIndicesProperty, value);
}

private static void OnSeparatorIndicesChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    if (d is not ComboBox comboBox) return;

    var originalSource = comboBox.ItemsSource;
    if (originalSource == null) return;

    var indices = GetSeparatorIndices(comboBox);
    if (indices == null || !indices.Any())
    {
        comboBox.ItemsSource = originalSource;
        return;
    }

    // 处理索引：去重、排序、过滤无效索引
    var itemList = originalSource.Cast<object>().ToList();
    var validIndices = indices
        .Distinct()
        .OrderBy(i => i)
        .Where(i => i >= 0 && i < itemList.Count)
        .ToList();

    var compositeCollection = new CompositeCollection();
    int startIndex = 0;

    foreach (var splitIndex in validIndices)
    {
        // 创建过滤当前段的CollectionView
        var cvs = new CollectionViewSource { Source = originalSource };
        cvs.Filter += (s, args) =>
        {
            var itemIndex = itemList.IndexOf(args.Item);
            args.Accepted = itemIndex >= startIndex && itemIndex <= splitIndex;
        };
        compositeCollection.Add(new CollectionContainer { Collection = cvs.View });

        // 添加分隔符（复用之前的模板逻辑）
        var separatorItem = new ComboBoxItem { IsEnabled = false };
        var separatorTemplate = GetSeparatorTemplate(comboBox);
        if (separatorTemplate != null)
        {
            separatorItem.ContentTemplate = separatorTemplate;
        }
        else
        {
            separatorItem.Content = new Separator { Background = Brushes.White, Height = 10 };
        }
        compositeCollection.Add(separatorItem);

        startIndex = splitIndex + 1;
    }

    // 添加最后一段数据
    if (startIndex < itemList.Count)
    {
        var cvs = new CollectionViewSource { Source = originalSource };
        cvs.Filter += (s, args) =>
        {
            var itemIndex = itemList.IndexOf(args.Item);
            args.Accepted = itemIndex >= startIndex;
        };
        compositeCollection.Add(new CollectionContainer { Collection = cvs.View });
    }

    comboBox.ItemsSource = compositeCollection;
}

2. 在XAML中使用 #

<ComboBox 
    ItemsSource="{Binding MySingleSource}"
    local:ComboBoxSeparatorHelper.SeparatorIndices="{Binding SeparatorPositions}"
    local:ComboBoxSeparatorHelper.SeparatorTemplate="{StaticResource CustomSeparator}"/>

ViewModel中SeparatorPositions是一个List<int>，比如new List<int> {3,7}表示在第3、7个元素后插入分隔符。

方案优势 #

• 完全避免了重复的CompositeCollection和分隔符代码，View中只需配置附加属性
• 不修改原有ComboBox的模板和样式，兼容你现有程序中的基础ComboBox配置
• 支持自定义分隔符样式，灵活性高
• 0个分隔符的场景只需传入单个集合（场景1）或不设置SeparatorIndices（场景2）即可实现

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