C#中如何让FontsVip类的属性支持MVVM ObservableProperty实现视图更新？

问题核心在于你的FontsVip类没有实现属性变更通知机制，绑定系统无法感知它的字段变化。下面是具体的解决步骤：

1. 改造FontsVip单例类，实现INotifyPropertyChanged #

把原有的public字段改成属性，并实现INotifyPropertyChanged接口，在属性的setter中触发变更通知：

public class FontsVip : INotifyPropertyChanged
{
    // 线程安全的单例实现
    private static readonly Lazy<FontsVip> _lazyInstance = new Lazy<FontsVip>(() => new FontsVip());
    public static FontsVip Instance => _lazyInstance.Value;

    // 私有构造函数，确保单例唯一性
    private FontsVip() { }

    private Color _yellow = Colors.Yellow;
    public Color Yellow
    {
        get => _yellow;
        set
        {
            if (_yellow != value)
            {
                _yellow = value;
                OnPropertyChanged(nameof(Yellow));
            }
        }
    }

    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler? PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 两种绑定方案，选其一即可 #

方案一：直接绑定到FontsVip的Yellow属性 #

简化Model结构，无需额外的Eyecolor属性，直接在XAML中绑定到Fsv.Yellow：

Model代码：

public partial class YourModel : ObservableObject
{
    [ObservableProperty]
    private FontsVip _fsv = FontsVip.Instance;

    [RelayCommand]
    private void ChangeColor()
    {
        // 修改单例的Yellow属性，自动触发视图更新
        Fsv.Yellow = Colors.Orange;
    }
}

XAML代码：

<Label Text="测试文本" TextColor="{Binding Fsv.Yellow}" />

方案二：保留Eyecolor属性，自动同步Fsv的Yellow值 #

如果需要保留Eyecolor属性，可在Model中订阅FontsVip的PropertyChanged事件，自动同步值：

Model代码：

public partial class YourModel : ObservableObject
{
    [ObservableProperty]
    private FontsVip _fsv = FontsVip.Instance;

    [ObservableProperty]
    private Color _eyecolor;

    public YourModel()
    {
        // 初始化Eyecolor为Fsv当前的Yellow值
        Eyecolor = Fsv.Yellow;
        // 订阅Fsv的属性变更事件
        Fsv.PropertyChanged += Fsv_PropertyChanged;
    }

    private void Fsv_PropertyChanged(object? sender, PropertyChangedEventArgs e)
    {
        // 当Yellow属性变化时，自动更新Eyecolor
        if (e.PropertyName == nameof(FontsVip.Yellow))
        {
            Eyecolor = Fsv.Yellow;
        }
    }

    [RelayCommand]
    private void ChangeColor()
    {
        Fsv.Yellow = Colors.Green;
    }
}

XAML代码：

<Label Text="测试文本" TextColor="{Binding Eyecolor}" />

关键说明 #

• 必须把原有的public字段yellow改成带get/set的属性，只有属性才能配合INotifyPropertyChanged触发变更通知。
• 绑定系统只会监听实现了INotifyPropertyChanged的对象的属性变更，这是视图自动更新的核心前提。

内容的提问来源于stack exchange，提问作者Hưng Nguyễn