MAUI中ObservableCollection项属性变更后UI未实时更新求助

核心问题是**WifiSelectionModel未实现属性变更通知机制**，导致修改IsActive属性时无法触发UI即时更新。

问题原因 #

1. ObservableCollection<T>仅在集合自身发生增、删、替换操作时才会通知UI刷新，但集合内单个对象的属性变更，需要对象自身触发PropertyChanged事件才能让UI感知到。
2. 当前WifiSelectionModel是普通类，属性变更时没有任何通知逻辑，所以点击后UI不会即时响应；而离开页面再返回时，页面重新绑定数据，此时读取的是最新的IsActive值，所有被设置过true的项都会显示红色。
3. 你在Click方法中调用OnPropertyChanged(nameof(WifiHotSpots))会强制刷新整个集合，但因为没有重置之前项的IsActive状态，导致所有被点击过的项都保持true，返回后全部变红。

解决方案 #

1. 给WifiSelectionModel添加属性变更通知

如果你的项目使用了CommunityToolkit.Mvvm（从ViewModel继承ObservableObject来看应该是），可以直接让Model继承ObservableObject并使用[ObservableProperty]特性，自动生成属性变更逻辑：

using CommunityToolkit.Mvvm.ComponentModel;

public partial class WifiSelectionModel : ObservableObject
{
    [ObservableProperty]
    private string name = "";

    [ObservableProperty]
    private bool isActive = false;

    [ObservableProperty]
    private int id;
}

如果不使用工具包，手动实现INotifyPropertyChanged接口：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class WifiSelectionModel : INotifyPropertyChanged
{
    private string _name = "";
    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
            }
        }
    }

    private bool _isActive = false;
    public bool IsActive
    {
        get => _isActive;
        set
        {
            if (_isActive != value)
            {
                _isActive = value;
                OnPropertyChanged();
            }
        }
    }

    private int _id;
    public int Id
    {
        get => _id;
        set
        {
            if (_id != value)
            {
                _id = value;
                OnPropertyChanged();
            }
        }
    }

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

2. 优化Click方法

去掉不必要的集合刷新调用，同时如果需要单选效果（仅当前点击项变红），需要重置其他项的状态：

public void Click(object obj)
{
    Device.InvokeOnMainThreadAsync(() =>
    {
        if (obj is WifiSelectionModel clickedItem)
        {
            // 单选逻辑：先把所有项设为非激活，再激活当前项
            foreach (var item in WifiHotSpots)
            {
                item.IsActive = item == clickedItem;
            }
        }
    });
}

额外说明 #

• 不需要再调用OnPropertyChanged(nameof(WifiHotSpots))，单个项的属性变更已经通过Model的PropertyChanged事件通知UI，无需刷新整个集合。
• 实现单选逻辑后，离开页面再返回也只会有最后点击的项保持红色，符合预期。

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