.NET MAUI：如何动态更新CollectionView？删除后视图不同步怎么办？

核心问题分析 #

你当前的问题根源在于：

• 直接使用List<T>作为CollectionView的ItemsSource，这类集合没有实现集合变更通知机制，当数据库条目删除后，UI无法感知到集合的变化。
• OnAppearing生命周期方法仅在页面首次显示、从其他页面返回时触发，删除操作是在当前页面活跃状态下执行的，所以OnAppearing不会自动触发，这就是为什么只有重载视图（触发OnAppearing）才会更新UI。

具体解决步骤 #

1. 改用ObservableCollection<T>作为数据源

ObservableCollection<T>实现了INotifyCollectionChanged接口，当集合内的项被添加、移除或修改时，会自动通知CollectionView更新UI。

在页面代码后台添加字段声明：

private ObservableCollection<TodoItem> _todoItems;

修改OnAppearing方法，将数据库返回的列表转换为ObservableCollection：

protected override async void OnAppearing()
{
    base.OnAppearing();
    TodoItemDatabase database = await TodoItemDatabase.Instance;
    var dbItems = await database.GetItemsAsync();
    
    if (_todoItems == null)
    {
        _todoItems = new ObservableCollection<TodoItem>(dbItems);
        data.ItemsSource = _todoItems;
    }
    else
    {
        // 若需要刷新整个列表，可清空现有集合后重新添加（避免重复赋值ItemsSource）
        _todoItems.Clear();
        foreach (var item in dbItems)
        {
            _todoItems.Add(item);
        }
    }
}

2. 删除操作时同步更新ObservableCollection

执行数据库删除操作后，必须从ObservableCollection中移除对应的条目，这样UI才会立即刷新：

假设你的SwipeView删除事件处理方法如下：

private async void HandleDeleteSwipe(TodoItem selectedItem)
{
    // 1. 删除数据库中的条目
    TodoItemDatabase database = await TodoItemDatabase.Instance;
    await database.DeleteItemAsync(selectedItem);
    
    // 2. 同步从ObservableCollection中移除项
    _todoItems.Remove(selectedItem);
}

3. 避免依赖OnAppearing做实时更新

OnAppearing不适合处理实时UI更新需求，它的设计场景是页面进入前台时的初始化操作。实时更新应该通过操作ObservableCollection来完成，而不是等待OnAppearing触发。

额外优化建议 #

如果你的项目规模较大，建议采用MVVM模式，将ObservableCollection放在ViewModel中，并实现INotifyPropertyChanged接口，这样可以进一步解耦UI和业务逻辑，代码维护性更强。

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