MAUI中Flyout内CollectionView的SwipeView删除功能失效求助

问题分析 #

你的SwipeItem的Command绑定无法触发DeleteTermAsyncCommand，核心原因是RelativeSource的层级定位错误：在CollectionView的ItemTemplate中，当前数据上下文是单个Term对象，而你尝试直接定位TermViewModel类型的祖先，但TermViewModel实际绑定在AppShell上，并非ItemTemplate的直接祖先节点，导致绑定找不到目标命令。

修复方案 #

方案1：通过Shell祖先定位命令 #

修改XAML中SwipeItem的Command绑定路径，通过Shell的BindingContext获取TermViewModel：

<SwipeItem Text="Delete"
           BackgroundColor="Red"
           CommandParameter="{Binding .}"
           Command="{Binding Source={RelativeSource AncestorType={x:Type Shell}}, Path=BindingContext.DeleteTermAsyncCommand}" />

方案2：通过命名的CollectionView绑定 #

给CollectionView添加命名，直接引用它的BindingContext（即TermViewModel）：

1. 给CollectionView设置x:Name：

<CollectionView x:Name="TermsCollection" ItemsSource="{Binding Terms}" ItemSizingStrategy="MeasureAllItems">

2. 修改SwipeItem的Command绑定：

<SwipeItem Text="Delete"
           BackgroundColor="Red"
           CommandParameter="{Binding .}"
           Command="{Binding Source={x:Reference TermsCollection}, Path=BindingContext.DeleteTermAsyncCommand}" />

额外优化建议 #

1. 将LoadTermsAsync从async void改为async Task，避免异步方法的潜在问题：

async Task LoadTermsAsync()
{
    var termList = await TermRepository.GetTerms();
    Terms = new ObservableCollection<Term>(termList);
}

然后在构造函数中调用：

public TermViewModel()
{
    _ = LoadTermsAsync();
    // 消息订阅代码...
}

2. 删除后直接从Terms集合移除项，无需重新加载整个列表，提升性能：

[RelayCommand]
async Task DeleteTermAsync(Term term)
{
    if (term == null || Terms == null)
        return;

    await TermRepository.DeleteTerm(term);
    Terms.Remove(term);
}

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