如何为绑定ObservableCollection的Picker控件添加搜索筛选功能

你需要新增Entry控件作为搜索输入框，和Picker配合实现搜索筛选功能，具体实现步骤如下：

1. XAML布局调整 #

把原Picker和新增的Entry放在同一布局容器内，Picker的ItemsSource从绑定AllClients改为绑定筛选后的集合，同时修正原代码中SelectedIndex绑定的错误（SelectedIndex是集合下标，不能直接绑定业务Id）：

<StackLayout Grid.Column="1">
    <!-- 新增搜索框 -->
    <Entry Placeholder="输入客户名称搜索"
           Text="{Binding SearchKeyword, Mode=TwoWay}"
           HorizontalOptions="FillAndExpand"
           Margin="0 0 0 5"/>
    <!-- 原有Picker调整绑定 -->
    <Picker Title="Clients"
            ItemsSource="{Binding FilteredClients}"
            SelectedItem="{Binding SelectedClient, Mode=TwoWay}"
            ItemDisplayBinding="{Binding Value}"
            HorizontalOptions="FillAndExpand" />
</StackLayout>

2. ViewModel逻辑调整 #

保留原有的全量数据源AllClients，新增筛选集合、搜索关键词属性，以及搜索筛选逻辑：

// 原有全量数据源保留，作为筛选的基础源
public ObservableCollection<IdValueReadModel> AllClients { get; set; }

// 新增筛选后的数据源，供Picker绑定
public ObservableCollection<IdValueReadModel> FilteredClients { get; set; } = new();

// 新增搜索关键词属性，绑定Entry的Text
private string _searchKeyword;
public string SearchKeyword
{
    get => _searchKeyword;
    set
    {
        _searchKeyword = value;
        OnPropertyChanged(); // 根据你的ViewModel实际属性通知写法调整
        FilterClients();
    }
}

private IdValueReadModel _selectedClient;
public IdValueReadModel SelectedClient
{
    get => _selectedClient;
    set
    {
        _selectedClient = value;
        OnPropertyChanged();
    }
}

// 筛选逻辑
private void FilterClients()
{
    FilteredClients.Clear();
    if (string.IsNullOrWhiteSpace(SearchKeyword))
    {
        // 搜索为空时展示全量数据
        foreach (var client in AllClients)
        {
            FilteredClients.Add(client);
        }
        SelectedClient = null;
        return;
    }

    var matchedClients = AllClients
        .Where(c => c.Value.Contains(SearchKeyword, StringComparison.OrdinalIgnoreCase)) // 大小写不敏感匹配
        .ToList();
    
    foreach (var client in matchedClients)
    {
        FilteredClients.Add(client);
    }

    // 匹配结果只有1条时自动选中
    if (matchedClients.Count == 1)
    {
        SelectedClient = matchedClients.First();
    }
    else
    {
        SelectedClient = null;
    }
}

// 初始化数据时，要同时给FilteredClients赋值
private void InitClients()
{
    // 模拟从接口获取全量客户数据的逻辑
    AllClients = GetClientsFromApi();
    // 初始化时全量展示
    foreach (var client in AllClients)
    {
        FilteredClients.Add(client);
    }
}

3. 额外说明 #

• 原代码中SelectedIndex="{Binding Id}"是错误绑定，SelectedIndex对应的是选项在当前ItemsSource集合中的下标，和业务主键Id没有关联，直接删除该绑定即可，SelectedItem已经可以满足取值需求。
• 当前数据量只有400条，不需要做防抖处理，如果后续数据量增大，可以在SearchKeyword的set逻辑里加300ms左右的防抖，避免输入过程中频繁触发筛选造成卡顿。

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