MAUI中PropertyChanged触发但UI未更新问题求助

核心问题 #

Picker的SelectedIndexChanged事件处理中，你创建了全新的JigViewModel实例，而非使用页面已绑定的ViewModel。这导致你修改的是独立于页面的ViewModel属性，页面绑定的原实例完全未变化，因此Label无法感知到更新。

修复步骤 #

1. 修正后台代码，复用页面绑定的ViewModel #

将后台代码中新建ViewModel的逻辑改为获取页面已有的BindingContext实例：

public partial class JigPage : ContentPage
{
    private JigViewModel _viewModel;

    public JigPage()
    {
        InitializeComponent();
        // 获取页面已绑定的ViewModel实例
        _viewModel = (JigViewModel)BindingContext;
    }

    private void picker1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (picker1.SelectedItem is string selectedPort)
        {
            _viewModel.SerialPortName = selectedPort;
        }
    }
}

注意：原代码中后台类名是MainPage，但Xaml中x:Class指定的是NxJig.Views.JigPage，需保持类名与Xaml一致，否则会出现绑定异常。

2. 调整Label的绑定模式 #

Label仅用于展示数据，无需双向绑定，将Mode=TwoWay改为Mode=OneWay：

<Label Text="{Binding PortErrorMsg, Mode=OneWay}" IsEnabled="True" FontSize="Large"/>

3. 优化ViewModel的封装性 #

将portErrorMsg字段的访问修饰符从public改为private，符合面向对象封装原则：

// 原代码：public string portErrorMsg = defaultStr;
private string portErrorMsg = defaultStr;

4. 简化PropertyChanged触发逻辑（可选） #

用?.Invoke简化原有的空值判断，代码更简洁：

public void OnPropertyChanged(string propertyName)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    Debug.WriteLine($"propertyName is {propertyName}");
}

修复后效果 #

选择串口时，修改的是页面绑定的ViewModel实例属性，PropertyChanged触发后，Label会调用PortErrorMsg的get方法获取最新值，同步更新显示内容。

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