如何在Xamarin.Forms中实现带筛选功能的下拉选择器？

原生Picker确实没有内置筛选功能，下面是几种实用的实现方式：

方案一：自定义筛选弹窗（推荐，轻量易实现） #

借助Xamarin.CommunityToolkit的Popup组件，自己搭建带输入框和列表的弹窗，完全可控。

步骤： #

1. 安装Xamarin.CommunityToolkit NuGet包
2. 创建筛选弹窗的布局（FilterPickerPopup.xaml）：

<xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
           x:Class="YourNamespace.FilterPickerPopup"
           Size="300,400">
    <StackLayout Padding="10">
        <Entry Placeholder="搜索症状" x:Name="SearchEntry" />
        <ListView x:Name="SymptomListView" Margin="0,10,0,0">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding .}" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</xct:Popup>

3. 弹窗的后台代码（处理筛选和选择逻辑）：

public partial class FilterPickerPopup : Popup
{
    private List<string> _allSymptoms;
    public event EventHandler<string> SymptomSelected;

    public FilterPickerPopup(List<string> symptoms)
    {
        InitializeComponent();
        _allSymptoms = symptoms;
        SymptomListView.ItemsSource = _allSymptoms;
        SearchEntry.TextChanged += OnSearchTextChanged;
        SymptomListView.ItemTapped += OnItemTapped;
    }

    private void OnSearchTextChanged(object sender, TextChangedEventArgs e)
    {
        var filterText = e.NewTextValue?.ToLower();
        if (string.IsNullOrEmpty(filterText))
        {
            SymptomListView.ItemsSource = _allSymptoms;
            return;
        }
        var filtered = _allSymptoms.Where(s => s.ToLower().Contains(filterText)).ToList();
        SymptomListView.ItemsSource = filtered;
    }

    private void OnItemTapped(object sender, ItemTappedEventArgs e)
    {
        if (e.Item is string selectedSymptom)
        {
            SymptomSelected?.Invoke(this, selectedSymptom);
            Close();
        }
    }
}

4. 在页面中调用弹窗：

// 假设页面里有个按钮或Label触发选择
private async void OpenFilterPicker_Clicked(object sender, EventArgs e)
{
    var symptoms = new List<string> { "头痛", "发热", "咳嗽", "乏力", "鼻塞" }; // 你的症状列表
    var popup = new FilterPickerPopup(symptoms);
    popup.SymptomSelected += (s, selected) =>
    {
        // 处理选中的症状，比如赋值给页面控件
        SelectedSymptomLabel.Text = selected;
    };
    await Navigation.ShowPopupAsync(popup);
}

方案二：使用第三方ComboBox控件 #

如果不想自己写，直接用成熟的第三方控件，比如：

• Syncfusion SfComboBox：内置筛选功能，支持下拉列表+输入筛选，配置简单
• Telerik UI for Xamarin ComboBox：同样支持筛选、自定义模板等功能

以Syncfusion为例，基本用法：

<syncfusion:SfComboBox x:Name="SymptomComboBox"
                       Placeholder="选择症状"
                       ItemsSource="{Binding Symptoms}"
                       AllowFiltering="True"
                       FilterMode="Contains" />

只需要开启AllowFiltering，就能自动实现输入筛选功能，省掉自定义的麻烦。

方案三：自定义Picker Renderer（原生扩展） #

如果需要完全贴合原生Picker的交互风格，可通过自定义Renderer扩展原生控件：

• Android：用AutoCompleteTextView替代原生Picker，自带筛选
• iOS：给UIPickerView添加UISearchBar，处理筛选逻辑

这种方式需要编写原生平台代码，适合对原生体验要求高的场景，示例代码（Android端）：

[assembly: ExportRenderer(typeof(FilterPicker), typeof(FilterPickerRenderer))]
namespace YourNamespace.Droid.Renderers
{
    public class FilterPickerRenderer : PickerRenderer
    {
        private AutoCompleteTextView _autoCompleteTextView;
        private List<string> _items;

        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                _items = e.NewElement.Items.ToList();
                _autoCompleteTextView = new AutoCompleteTextView(Context);
                _autoCompleteTextView.Adapter = new ArrayAdapter(Context, Android.Resource.Layout.SimpleDropDownItem1Line, _items);
                _autoCompleteTextView.TextChanged += OnTextChanged;
                _autoCompleteTextView.ItemClick += OnItemClick;
                SetNativeControl(_autoCompleteTextView);
            }
        }

        private void OnTextChanged(object sender, Android.Text.TextChangedEventArgs e)
        {
            ((ArrayAdapter)_autoCompleteTextView.Adapter).Filter.InvokeFilter(e.Text.ToString());
        }

        private void OnItemClick(object sender, AdapterView.ItemClickEventArgs e)
        {
            var selectedItem = _items[e.Position];
            Element.SelectedIndex = _items.IndexOf(selectedItem);
            _autoCompleteTextView.Text = selectedItem;
        }
    }
}

对应的Forms端自定义Picker：

public class FilterPicker : Picker { }

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