WPF中ListBox移除项触发未处理异常的解决方法

问题背景 #

在WPF项目的MainWindow中，已实现将Client对象添加至ListBox（lstClients）的功能，但编写移除选中项的RemoveClient方法时遇到两个异常：

• System.InvalidOperationException: 当ItemsSource被使用时，直接操作Items集合无效，需通过ItemsControl.ItemsSource修改元素。
• System.InvalidCastException: 无法将List<Client>类型转换为List<string>类型。

错误原因分析 #

1. 第一个异常：ListBox通过ItemsSource绑定数据源后，WPF禁止直接操作Items集合，必须修改绑定的数据源本身。
2. 第二个异常：错误地将绑定的List<Client>强转为List<string>，类型不匹配导致转换失败。

正确解决方案 #

方案1：基于现有List的修改 #

直接操作绑定的ClientList数据源，修改后重新绑定刷新UI：

private void RemoveClient(object sender, RoutedEventArgs e)
{
    // 获取选中的Client对象
    Client selectedClient = lstClients.SelectedItem as Client;
    if (selectedClient != null)
    {
        // 从数据源中移除对象
        ClientList.Remove(selectedClient);
        // 重新绑定刷新ListBox
        lstClients.ItemsSource = null;
        lstClients.ItemsSource = ClientList;
    }
}

方案2：改用ObservableCollection（推荐） #

ObservableCollection会自动通知UI数据源的变化，无需手动重新绑定，更符合WPF的设计模式：

1. 替换原有List为ObservableCollection：

// 替换原来的List<Client>定义
ObservableCollection<Client> ClientList = new ObservableCollection<Client>();

2. 修改newClient方法（无需手动重置ItemsSource）：

private void newClient(object sender, RoutedEventArgs e)
{
    Client c = new Client(boxClientName.Text, boxClientPhone.Text, boxClientEmail.Text, GetSelectedLocation());
    boxClientName.Clear();
    boxClientPhone.Clear();
    boxClientEmail.Clear();
    // 直接添加到集合，UI自动更新
    ClientList.Add(c);
}

3. 修改AssignID方法（无需手动刷新UI）：

private void AssignID(object sender, RoutedEventArgs e)
{
    Client c = lstClients.SelectedItem as Client;
    if (c != null)
    {
        c.AssignID();
        // 若Client类实现INotifyPropertyChanged，UI会自动更新；否则手动刷新
        // lstClients.Items.Refresh();
    }
}

4. 最终的RemoveClient方法：

private void RemoveClient(object sender, RoutedEventArgs e)
{
    Client selectedClient = lstClients.SelectedItem as Client;
    if (selectedClient != null)
    {
        // 直接移除，UI自动更新
        ClientList.Remove(selectedClient);
    }
}

额外优化：Client类实现INotifyPropertyChanged（可选） #

如果希望修改Client的属性（如IDed）时UI自动更新，需要让Client类实现INotifyPropertyChanged接口：

public partial class Client : INotifyPropertyChanged
{
    public string Name { get; set; }
    public string Phone { get; set; }
    public string Email { get; set; }

    public string Location { get; }

    private bool _ided;
    public bool IDed
    {
        get => _ided;
        private set
        {
            if (_ided != value)
            {
                _ided = value;
                OnPropertyChanged(nameof(IDed));
            }
        }
    }

    public Client(string n, string p, string e, string l)
    {
        Name = n;
        Phone = p;
        Email = e;
        Location = l;
    }

    public void AssignID()
    {
        IDed = true;
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

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