WPF MVVM模式下Image控件Source更新失败问题排查

场景复现 #

尝试通过ViewModel更新XAML中Image控件的Source，但图片始终不更新。通过MessageBox.Show(ImagePath)确认变量值已正确变化，但UI无响应。

XAML代码 #

<Image x:Name="Pick1Image"
       Grid.Row="7"
       Grid.Column="0"
       Grid.ColumnSpan="6"
       Source="{Binding ImagePath}"
       Style="{StaticResource Image_Viewer_Pick}"/>

ViewModel初始代码 #

SelectedPart属性中直接修改私有字段：

public string SelectedPart
{
    get { return _selectedPart; }
    set
    {
        _selectedPart = value;

        if (_selectedPart == "SX")
        {
            _imagesource = "/Images/main_view.png";
        }

        if (_selectedPart == "DX")
        {
            _imagesource = "/Images/second_view.png";
        }

        if (_selectedPart == "TX")
        {
            _imagesource = "/Images/third_view.png";
        }
    }
}

绑定属性ImagePath实现：

public string ImagePath
{
    get { return _imagesource; }
    set { _imagesource = value; OnPropertyChanged(); }
}

问题原因 #

直接给私有字段_imagesource赋值时，并未触发ImagePath属性的OnPropertyChanged()通知。WPF数据绑定依赖属性变更通知来同步UI，即使ImagePath的getter返回最新值，UI也无法感知到变化。

解决方法 #

不要直接修改私有字段，改为赋值ImagePath属性以触发变更通知：

修正后的SelectedPart属性 #

public string SelectedPart
{
    get { return _selectedPart; }
    set
    {
        _selectedPart = value;

        switch(_selectedPart)
        {
            case "SX":
                ImagePath = "/Images/main_view.png";
                break;
            case "DX":
                ImagePath = "/Images/second_view.png";
                break;
            case "TX":
                ImagePath = "/Images/third_view.png";
                break;
        }
    }
}

也可以保留原逻辑但手动触发通知：

if(_selectedPart == "SX")
{
    _imagesource = "/Images/main_view.png";
    OnPropertyChanged(nameof(ImagePath));
}

通过以上方式，UI会收到属性变更通知，自动更新Image控件的Source。

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