WPF中ListView内CheckBox勾选时如何触发事件移除对应任务

原实现的核心问题 #

• 触发时机错位：把勾选状态判断逻辑绑定到MouseMove事件上，必须等鼠标在界面移动才会执行校验逻辑，完全不符合交互预期
• 运行效率低下：鼠标移动时高频触发循环遍历，手动调用Items.Refresh()会触发整个列表的全量UI重绘，元素较多时会出现明显卡顿
• 集合操作存在逻辑bug：遍历过程中直接删除元素会导致索引错位，比如第0项被移除后，循环索引直接推进到1，会跳过相邻元素的判断，出现漏处理的情况

推荐实现方案（符合WPF数据驱动范式） #

WPF的核心设计是数据驱动UI，不需要靠UI事件反向查找数据，调整分为三个核心部分：

• 任务模型实现INotifyPropertyChanged接口，保证CheckBox勾选状态可以双向同步到数据对象
• 将普通List<Task>替换为ObservableCollection<Task>，该集合在元素增删时会自动通知UI刷新，无需手动调用Items.Refresh()
• 列表内CheckBox直接绑定任务模型的勾选属性，不需要额外的坐标判断

这套实现不需要任何鼠标移动监听，只要用户点击CheckBox完成勾选，就会立刻触发移除逻辑，没有任何延迟，也不会占用额外的CPU资源做高频校验。

对应代码实现 #

首先是任务模型定义：

// 任务模型，实现属性变更通知
public class TodoItem : INotifyPropertyChanged
{
    private bool _isChecked;
    public string TaskContent { get; set; }
    public bool IsChecked
    {
        get => _isChecked;
        set
        {
            _isChecked = value;
            // 触发属性变更通知，同步到绑定的CheckBox
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(IsChecked)));
        }
    }
    public event PropertyChangedEventHandler? PropertyChanged;
}

然后是后台逻辑：

// 使用可自动通知UI刷新的集合
private ObservableCollection<TodoItem> tasks = new ObservableCollection<TodoItem>();

public MainWindow()
{
    InitializeComponent();
    // 绑定ListView的数据源
    lw_liste.ItemsSource = tasks;
    // 监听集合新增元素，给每个任务绑定勾选状态变化的处理逻辑
    tasks.CollectionChanged += (sender, e) =>
    {
        if (e.NewItems == null) return;
        foreach (TodoItem item in e.NewItems)
        {
            item.PropertyChanged += (itemSender, args) =>
            {
                // 当任务被勾选时，直接从集合移除，UI会自动完成刷新
                if (args.PropertyName == nameof(TodoItem.IsChecked) && ((TodoItem)itemSender).IsChecked)
                {
                    tasks.Remove((TodoItem)itemSender);
                }
            };
        }
    };
}

然后是XAML的ListView模板配置：

<ListView x:Name="lw_liste">
    <ListView.ItemTemplate>
        <DataTemplate>
            <!-- CheckBox直接绑定任务的勾选状态，不需要手动写点击事件 -->
            <CheckBox IsChecked="{Binding IsChecked}" 
                      Content="{Binding TaskContent}"
                      Margin="4"/>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

低改动适配方案（适合不想调整原有结构的场景） #

如果暂时不想替换原有集合和绑定逻辑，只需要直接给CheckBox绑定勾选事件，不需要依赖MouseMove判断：

1. 在XAML的CheckBox元素上添加Checked事件绑定：

<CheckBox Checked="TaskCheckBox_Checked" IsChecked="{Binding IsChecked}" Content="{Binding TaskContent}"/>

2. 后台添加对应的事件处理方法，直接获取勾选对应的任务对象做移除：

private void TaskCheckBox_Checked(object sender, RoutedEventArgs e)
{
    // 从触发事件的CheckBox中拿到绑定的任务对象
    CheckBox checkBox = sender as CheckBox;
    TodoItem targetTask = checkBox?.DataContext as TodoItem;
    if (targetTask != null)
    {
        tasks.Remove(targetTask);
        // 如果仍在使用普通List而非ObservableCollection，才需要手动调用刷新
        // lw_liste.Items.Refresh();
    }
}

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