WPF/C#/MVVM场景下图片不存在时显示自定义矢量默认图方案咨询

方案1：纯XAML实现（无业务代码侵入，推荐） #

通过ContentControl + 数据触发器实现内容自动切换，不需要修改ViewModel层逻辑，仅调整视图层代码即可：

1. 首先修正资源字典中的矢量图定义，添加x:Shared="False"避免多实例复用报错：

<Viewbox x:Key="NoImage" x:Shared="False"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- 原有Canvas、Path代码保持不变 -->
</Viewbox>

2. 替换原有Image控件为带触发器的ContentControl，保留Caliburn Micro的命名绑定逻辑：

<!-- 需提前引入系统命名空间：xmlns:sys="clr-namespace:System;assembly=mscorlib" -->
<ContentControl>
    <ContentControl.Content>
        <!-- 原有Image绑定逻辑完全保留 -->
        <Image x:Name="SelectedQuestion_ImageFilePath" Stretch="Uniform"/>
    </ContentControl.Content>
    <ContentControl.Style>
        <Style TargetType="ContentControl">
            <Style.Triggers>
                <!-- 图片路径为空时切换为默认矢量图 -->
                <DataTrigger Binding="{Binding SelectedQuestion.ImageFilePath}" Value="{x:Null}">
                    <Setter Property="Content" Value="{StaticResource NoImage}"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding SelectedQuestion.ImageFilePath}" Value="{x:Static sys:String.Empty}">
                    <Setter Property="Content" Value="{StaticResource NoImage}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ContentControl.Style>
</ContentControl>

如果需要兼容「路径填写但文件实际不存在」的场景，可以新增一个路径有效性值转换器：

public class ImagePathExistsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var path = value as string;
        return !string.IsNullOrWhiteSpace(path) && File.Exists(path);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

在触发器中判断转换器返回结果为False时切换内容即可。

方案2：自定义Image扩展控件（逻辑复用性更高） #

如果需要在多个页面复用该逻辑，可以自定义继承自Image的扩展控件，内置默认图 fallback 能力：

1. 自定义控件代码：

public class ImageWithVectorFallback : Image
{
    public static readonly DependencyProperty DefaultVectorProperty = DependencyProperty.Register(
        nameof(DefaultVector), typeof(UIElement), typeof(ImageWithVectorFallback), new PropertyMetadata(default));

    public UIElement DefaultVector
    {
        get => (UIElement)GetValue(DefaultVectorProperty);
        set => SetValue(DefaultVectorProperty, value);
    }

    protected override void OnSourceUpdated(EventArgs e)
    {
        base.OnSourceUpdated(e);
        UpdateFallbackState();
    }

    protected override void OnSourceChanged(ImageSource oldSource, ImageSource newSource)
    {
        base.OnSourceChanged(oldSource, newSource);
        UpdateFallbackState();
    }

    private void UpdateFallbackState()
    {
        if (Source == null && DefaultVector != null)
        {
            Background = new VisualBrush(DefaultVector) { Stretch = Stretch.Uniform };
        }
        else
        {
            Background = null;
        }
    }
}

2. XAML直接调用，原有绑定逻辑完全不变：

<local:ImageWithVectorFallback x:Name="SelectedQuestion_ImageFilePath"
                               DefaultVector="{StaticResource NoImage}"
                               Stretch="Uniform"/>

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