Xamarin.Forms中如何删除TextCell选中项？CRUD功能实现疑问

咱来帮你搞定这个删除选中项的问题，顺便给你分享几个更顺手的实现思路，不光局限于TextCell哈~

一、先解决TextCell的选中删除问题 #

你现在只能删第一项，是因为直接取了_saveData[0]，没有获取到用户选中的那一项。核心思路就是拿到选中项的实例或ID，再从集合里移除它，这里推荐用ObservableCollection<T>代替普通List<T>，因为它会自动通知UI更新，不用手动刷新列表。

方案1：用ListView的ItemTapped事件（简单直接） #

先在XAML里给ListView绑定数据源并添加点击事件：

<ListView x:Name="MyListView" ItemsSource="{Binding SaveData}" ItemTapped="OnItemTapped">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextCell Text="{Binding Name}" Detail="{Binding Status}" />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

然后在后台代码里处理点击事件，拿到选中项再删除：

// 假设你的数据模型是这样的
public class YourDataModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Status { get; set; }
}

// 你的集合要改成ObservableCollection
public ObservableCollection<YourDataModel> SaveData { get; set; } = new ObservableCollection<YourDataModel>();

private void OnItemTapped(object sender, ItemTappedEventArgs e)
{
    // 拿到选中的项
    if (e.Item is YourDataModel selectedItem)
    {
        OnDelete(selectedItem);
        // 可选：取消选中状态，避免重复触发
        ((ListView)sender).SelectedItem = null;
    }
}

private void OnDelete(YourDataModel item)
{
    if (item != null)
    {
        SaveData.Remove(item);
        // 别忘了同步到本地存储/数据库，比如SQLite的删除操作
        // await _database.DeleteItemAsync(item);
    }
}

方案2：用MVVM风格的ContextActions（更符合移动端交互） #

如果用MVVM模式，推荐给TextCell加长按菜单（ContextActions），用户体验更好：

<ListView x:Name="MyListView" ItemsSource="{Binding SaveData}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextCell Text="{Binding Name}" Detail="{Binding Status}">
                <TextCell.ContextActions>
                    <MenuItem Text="删除" 
                              Command="{Binding BindingContext.DeleteCommand, Source={x:Reference MyListView}}" 
                              CommandParameter="{Binding .}" />
                </TextCell.ContextActions>
            </TextCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

然后在ViewModel里定义删除命令：

public ICommand DeleteCommand { get; }
public ObservableCollection<YourDataModel> SaveData { get; set; } = new ObservableCollection<YourDataModel>();

public YourViewModel()
{
    DeleteCommand = new Command<YourDataModel>(DeleteItem);
}

private void DeleteItem(YourDataModel item)
{
    if (item != null)
    {
        SaveData.Remove(item);
        // 同步数据库操作
        // await _database.DeleteAsync(item);
    }
}

二、更优的替代方案：摆脱TextCell的限制 #

TextCell比较轻量化，但自定义布局能力弱。如果你需要展示更多数据（比如图标、多状态标签），推荐用ViewCell或者CollectionView：

1. ViewCell：自定义项布局 #

可以把删除按钮直接放到每个列表项里，用户点击就能删：

<ListView ItemsSource="{Binding SaveData}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal" Padding="10" Spacing="10">
                    <Label Text="{Binding Name}" FontSize="Medium" />
                    <Label Text="{Binding Status}" TextColor="Gray" />
                    <Button Text="删除" 
                            Command="{Binding BindingContext.DeleteCommand, Source={x:Reference MyListView}}" 
                            CommandParameter="{Binding .}" 
                            HorizontalOptions="EndAndExpand" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

ViewModel的删除命令和之前一样，不用修改。

2. CollectionView：性能更好+布局更灵活 #

Xamarin.Forms 4.0+推出的CollectionView，比ListView性能更高，还支持网格、瀑布流等布局，非常适合展示复杂列表：

<CollectionView x:Name="MyCollectionView" ItemsSource="{Binding SaveData}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Frame Margin="5" Padding="10" CornerRadius="5">
                <StackLayout Orientation="Horizontal">
                    <Label Text="{Binding Name}" FontSize="Medium" />
                    <Label Text="{Binding Status}" Margin="10,0,0,0" TextColor="Gray" />
                    <Button Text="删除" 
                            Command="{Binding BindingContext.DeleteCommand, Source={x:Reference MyCollectionView}}" 
                            CommandParameter="{Binding .}" 
                            HorizontalOptions="EndAndExpand" />
                </StackLayout>
            </Frame>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

最后总结几个关键点 #

• 一定要用ObservableCollection<T>，删除项后UI会自动刷新，不用手动调用Refresh()
• 要么通过事件获取选中项，要么用Command传参绑定删除方法，别再固定取索引0啦
• 优先选择符合移动端交互的方式，比如长按菜单或直接显示删除按钮
• 复杂布局直接上ViewCell或CollectionView，比TextCell灵活太多

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