.NET MAUI CollectionView侧滑删除功能失效求助

数据老陈

2026-7-16

.NET MAUI CollectionView侧滑删除失效问题修复

问题分析

侧滑删除功能失效的核心原因有两个：

XAML命令绑定错误：SwipeItem的Command绑定中，RelativeSource的AncestorType指定了ViewModel类型（MainViewModel），但RelativeSource仅支持查找视觉元素（如ContentPage、CollectionView等），导致无法正确定位到DeleteCommand。
MainPage.xaml.cs语法错误：namespace定义缺少闭合结构，会导致项目编译失败。

修复步骤

1. 修复MainPage.xaml.cs的语法错误

原代码中namespace定义不完整，修改为以下两种格式之一：

格式一（文件级命名空间）：

using mauiApp.ViewModel;

namespace mauiApp;

public partial class MainPage : ContentPage
{
    public MainPage(MainViewModel vm)
    {
        InitializeComponent();
        BindingContext = vm;
    }
}

格式二（块级命名空间）：

using mauiApp.ViewModel;

namespace mauiApp
{
    public partial class MainPage : ContentPage
    {
        public MainPage(MainViewModel vm)
        {
            InitializeComponent();
            BindingContext = vm;
        }
    }
}

2. 修正XAML中的命令绑定

修改MainPage.xaml中SwipeItem的Command绑定，通过ContentPage的BindingContext定位到ViewModel的DeleteCommand：

将原SwipeItem代码：

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

替换为：

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