WPF 自定义 ComboBox 实现模糊查询和多列显示

本文将介绍如何自定义 WPF 中的 ComboBox 控件，实现模糊查询和多列显示的功能。

1. 创建自定义类

首先，我们需要创建一个自定义的下拉框类，继承自 ComboBox 类：

public class MyComboBox : ComboBox
{
    // ...
}

2. 添加属性和方法

接着，我们需要在类中添加一些必要的属性和方法：

public class MyComboBox : ComboBox
{
    // 数据源
    private IEnumerable _itemsSource;

    // 每列的宽度
    public List<double> ColumnWidths { get; set; }

    // 显示列的属性名称
    public List<string> DisplayMemberPaths { get; set; }

    // 模糊查询的属性名称
    public string FilterMemberPath { get; set; }

    // 构造函数
    public MyComboBox()
    {
        // 初始化属性
        ColumnWidths = new List<double>();
        DisplayMemberPaths = new List<string>();
        FilterMemberPath = "";
    }

    // 设置数据源
    public void SetItemsSource(IEnumerable itemsSource)
    {
        _itemsSource = itemsSource;
        ItemsSource = _itemsSource;
    }

    // 根据输入的字符模糊查询并显示数据
    public void Filter(string text)
    {
        if (_itemsSource == null) return;

        // 根据输入的字符进行模糊查询
        var filteredItems = _itemsSource.Cast<object>()
            .Where(item => item.GetType().GetProperty(FilterMemberPath).GetValue(item).ToString().Contains(text))
            .ToList();

        // 清空原有数据并添加新数据
        Items.Clear();
        foreach (var item in filteredItems)
        {
            var content = new StackPanel();
            for (int i = 0; i < DisplayMemberPaths.Count; i++)
            {
                var propertyValue = item.GetType().GetProperty(DisplayMemberPaths[i]).GetValue(item).ToString();
                var textBlock = new TextBlock()
                {
                    Text = propertyValue,
                    Width = ColumnWidths[i],
                    TextWrapping = TextWrapping.NoWrap,
                    Margin = new Thickness(2, 2, 2, 2)
                };
                content.Children.Add(textBlock);
            }
            Items.Add(content);
        }
    }
}

在上面的代码中，我们定义了以下属性：

_itemsSource：数据源。
ColumnWidths：每列的宽度。
DisplayMemberPaths：显示列的属性名称。
FilterMemberPath：模糊查询的属性名称。

并且定义了以下方法：

SetItemsSource：设置数据源。
Filter：根据输入的字符模糊查询并显示数据。

在 Filter 方法中，我们首先根据输入的字符进行模糊查询，然后清空原有数据并添加新数据。对于每一行数据，我们使用一个 StackPanel 来存放每一列的 TextBlock，每个 TextBlock 的宽度和 Margin 根据 ColumnWidths 进行设置。

3. 在 WPF 界面中使用

最后，我们可以在 WPF 界面中使用 MyComboBox 类：

<Window x:Class="WpfApp1.MainWindow"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <local:MyComboBox x:Name="myComboBox" Margin="10">
            <local:MyComboBox.ColumnWidths>
                <x:Double>100</x:Double>
                <x:Double>200</x:Double>
            </local:MyComboBox.ColumnWidths>
            <local:MyComboBox.DisplayMemberPaths>
                <x:String>Id</x:String>
                <x:String>Name</x:String>
            </local:MyComboBox.DisplayMemberPaths>
        </local:MyComboBox>
    </Grid>
</Window>

在上面的代码中，我们首先引入了自定义的命名空间 local，然后在 Grid 中添加了一个 MyComboBox，并设置了 ColumnWidths 和 DisplayMemberPaths 属性。

4. 设置数据源和进行模糊查询

最后，我们可以在代码中设置数据源并根据输入的字符进行模糊查询：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 创建数据源
        var items = new List<Item>();
        for (int i = 0; i < 10000; i++)
        {
            items.Add(new Item() { Id = i, Name = "Item " + i });
        }

        // 设置数据源
        myComboBox.SetItemsSource(items);

        // 根据输入的字符进行模糊查询
        myComboBox.Filter("5");
    }
}

public class Item
{
    public int Id { get; set; }
    public string Name { get; set; }
}

总结

通过以上步骤，我们成功地自定义了 ComboBox 类，并实现了模糊查询和多列显示的功能。这使得我们在 WPF 应用程序中能够更加灵活地使用 ComboBox 控件，满足更复杂的业务需求。

注意： 在代码中使用 x:Double 和 x:String 来表示 Double 和 String 类型，这是 WPF 中的 XAML 语法规范。