MAUI中TabbedPage内ListView左滑删除功能失效排查求助

核心问题1：SwipeView操作项方向设置错误 #

你当前用的是SwipeView.LeftItems，这意味着需要向右滑动单元格才会显示左侧的Delete按钮，而你要的是左滑触发删除，应该改用SwipeView.RightItems——左滑时从右侧滑出操作项。

核心问题2：手势触发区域不足 #

你的Grid没有设置填充布局属性，导致SwipeView的手势只能在图片/文字区域触发，空白区域无法响应滑动。需要给Grid添加HorizontalOptions="FillAndExpand"和VerticalOptions="FillAndExpand"，确保填满整个ViewCell。

额外优化：避免ListView行高限制 #

建议给ListView设置HasUnevenRows="True"，确保单元格能自适应内容高度，避免因行高不足导致手势失效。

修复后的完整XAML代码 #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="BWD.Pages.ImageList"
             Title="ImageList">
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Add from camera"
                x:Name="CameraAdd"
                IconImageSource="camera.png"
                Clicked="CameraAdd_Clicked"/>
        <ToolbarItem Text="Add from photo library"
                x:Name="PhotoLibraryAdd"
                IconImageSource="imagelist.png" 
                Clicked="PhotoLibraryAdd_Clicked"/>
    </ContentPage.ToolbarItems>
    <ContentPage.Content>
        <ListView x:Name="PicList" HasUnevenRows="True">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <SwipeView>
                            <!-- 改用RightItems，左滑显示删除 -->
                            <SwipeView.RightItems>
                                <SwipeItems>
                                    <SwipeItem Text="Delete" 
                                              Invoked="SwipeItem_Invoked"
                                              BackgroundColor="Red"/>
                                </SwipeItems>
                            </SwipeView.RightItems>
                            <!-- 设置Grid填满整个单元格 -->
                            <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                                <Image Source="{Binding PicFileUrl}"/>
                                <Label Text="{Binding PicTagList}" />
                            </Grid>
                        </SwipeView>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </ContentPage.Content>
</ContentPage>

补充说明 #

如果改用CollectionView，修复逻辑完全一致：

• 把SwipeView作为CollectionView.ItemTemplate的根（不需要ViewCell）
• 同样使用RightItems实现左滑删除
• 确保内部布局填满整个Item区域

内容的提问来源于stack exchange，提问作者Wallace B. McClure