向ObservableCollection添加对象后UI未更新的技术问题

核心问题 #

你遇到的UI不更新问题，主要源于两个关键点：

1. 直接操作私有字段_books赋值新集合，可能导致属性变更通知未正确触发（尽管[ObservableProperty]会自动生成通知逻辑，但直接操作字段不如通过自动生成的公共属性稳妥）；
2. BookService的事件触发线程大概率不是UI线程，而MAUI等UI框架要求所有UI更新操作必须在UI线程执行。

解决方案1：通过公共属性赋值并切换到UI线程更新 #

修改LibraryViewModel中的RefreshLibrary方法，使用自动生成的Books属性赋值，并通过MainThread确保更新操作在UI线程执行：

public void RefreshLibrary(List<Book> books = null)
{
    using var db = new BooksContext();
    // 优先使用事件传递的图书列表，避免重复查询数据库
    var targetBooks = books ?? db.Books.ToList();
    
    // 切换到UI线程更新绑定属性
    MainThread.BeginInvokeOnMainThread(() =>
    {
        Books = new ObservableCollection<Book>(targetBooks);
    });
}

解决方案2：更新现有集合（更高效） #

不替换整个ObservableCollection实例，而是清空现有集合后添加新元素，这样绑定的集合引用不变，UI更新更高效：

public void RefreshLibrary(List<Book> books = null)
{
    using var db = new BooksContext();
    var targetBooks = books ?? db.Books.ToList();
    
    MainThread.BeginInvokeOnMainThread(() =>
    {
        Books.Clear();
        foreach (var book in targetBooks)
        {
            Books.Add(book);
        }
    });
}

额外优化：避免内存泄漏 #

由于BookService的OnBooksChanged是静态事件，ViewModel销毁时必须取消订阅，否则会导致内存泄漏。给LibraryViewModel添加析构函数：

~LibraryViewModel()
{
    BookService.OnBooksChanged -= RefreshLibrary;
}

补充说明 #

你的Book模型中的ThumbnailSource是普通属性，若后续需要更新图书封面，需将Book继承ObservableObject并给相关属性添加[ObservableProperty]，确保属性变更时UI能及时响应。

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