Xamarin.Forms：点击ListView内按钮删除当前项的实现方法

嘿，这个需求我熟！要实现ListView项内按钮删除对应条目，核心是用ObservableCollection替代普通List（因为它能自动通知UI更新），再配合命令绑定来处理删除逻辑，我给你一步步讲清楚：

普通的List<string>在删除项后不会自动刷新UI，所以我们得用ObservableCollection<string>——它实现了INotifyCollectionChanged接口，集合变化时会自动通知ListView更新。

在你的ViewModel里这么定义：

using System.Collections.ObjectModel;

public class YourViewModel
{
    // 绑定给ListView的数据源
    public ObservableCollection<string> StringItems { get; set; }

    public YourViewModel()
    {
        // 从外部配置加载列表，替换成你实际的加载逻辑
        var externalList = LoadStringListFromConfig();
        StringItems = new ObservableCollection<string>(externalList);
    }

    // 模拟加载外部配置的方法
    private List<string> LoadStringListFromConfig()
    {
        // 这里写你获取外部配置字符串列表的代码
        return new List<string> { "测试项1", "测试项2", "测试项3" };
    }
}

因为按钮在ListView的ItemTemplate里，直接在代码后台写点击事件会很麻烦，用MVVM的命令绑定更优雅。先写一个简单的RelayCommand实现（如果你的项目用了Prism、MVVM Light这类框架，直接用框架自带的就行）：

using System;
using System.Windows.Input;

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Func<object, bool> _canExecute;

    public event EventHandler CanExecuteChanged;

    public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute?.Invoke(parameter) ?? true;

    public void Execute(object parameter) => _execute(parameter);

    public void RaiseCanExecuteChanged() => CanExecuteChanged?.Invoke(this, EventArgs.Empty);
}

然后在ViewModel里添加删除命令和处理方法：

public ICommand DeleteItemCommand { get; }

public YourViewModel()
{
    var externalList = LoadStringListFromConfig();
    StringItems = new ObservableCollection<string>(externalList);
    
    // 初始化删除命令
    DeleteItemCommand = new RelayCommand(DeleteSelectedItem);
}

private void DeleteSelectedItem(object parameter)
{
    // 拿到要删除的字符串项
    if (parameter is string targetItem && StringItems.Contains(targetItem))
    {
        StringItems.Remove(targetItem);
    }
}

给ListView设置ItemsSource，然后在ItemTemplate里添加按钮，把按钮的Command绑定到ViewModel的DeleteItemCommand，同时把当前项作为CommandParameter传进去：

<!-- 给ListView起个名字，方便按钮绑定ViewModel的命令 -->
<ListView x:Name="MyListView" ItemsSource="{Binding StringItems}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal" Padding="15,8" Spacing="10">
                    <!-- 显示字符串内容 -->
                    <Label Text="{Binding .}" VerticalOptions="Center" FontSize="16"/>
                    <!-- 删除按钮 -->
                    <Button Text="删除" 
                            BackgroundColor="#dc3545"
                            TextColor="White"
                            Command="{Binding BindingContext.DeleteItemCommand, Source={x:Reference MyListView}}"
                            CommandParameter="{Binding .}"/>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这里要注意：按钮的上下文是单个字符串项，所以需要通过Source={x:Reference MyListView}来获取ListView的BindingContext（也就是我们的ViewModel），这样才能正确绑定到DeleteItemCommand。

在你的页面后台代码里，把ViewModel绑定到页面：

public YourPage()
{
    InitializeComponent();
    BindingContext = new YourViewModel();
}

这样一来，点击每个项里的“删除”按钮，对应的字符串就会从列表中移除，ListView也会自动刷新UI啦！

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