MAUI怎么实现一个带搜索框的列表 CollectionView搜索过滤

2025-12-26 00:00:00 作者：煙雲

在 MAUI 中实现 CollectionView 搜索过滤的核心是使用 ICollectionView.Filter：1. 用 ObservableCollection 初始化数据，通过 CollectionViewSource.GetDefaultView 获取视图并设置 Filter 方法；2. Entry 绑定 SearchText 并在文本变化时调用 Refresh()；3. CollectionView 的 ItemsSource 必须绑定到该 ICollectionView 对象而非原始集合。

在 MAUI 中实现带搜索框的 CollectionView 搜索过滤，核心是：用 Entry 绑定搜索关键词，配合 ICollectionView.Filter 或使用 ObservableCollection + 手动筛选（推荐前者更轻量）。下面分步说明实用做法。

1. 准备可过滤的数据源

确保你的集合实现了 ICollectionView 接口。最简单方式是用 ObservableCollection 初始化后，通过 CollectionViewSource.GetDefaultView() 获取视图：

在 ViewModel 中定义：public ObservableCollection Items { get; } = new();
获取可过滤视图：ItemsView = CollectionViewSource.GetDefaultView(Items);
设置 ItemsView.Filter 为一个返回 bool 的方法，比如 ApplyFilter

2. 绑定搜索框并触发过滤

在 XAML 中放一个 Entry，绑定其 Text 属性到 ViewModel 的字符串属性（如 SearchText），并监听 TextChanged 事件或使用 SetBinding 配合 Mode=TwoWay：

每次文本变化时，调用 ItemsView.Refresh() 重新执行 Filter 方法
Filter 方法里用 SearchText 做字符串匹配（注意判空和忽略大小写）
示例判断逻辑：return string.IsNullOrWhiteSpace(searchText) || item.Name.Contains(searchText, StringComparison.OrdinalIgnoreCase);