基于属性值实现Image Source与DrawingImage的绑定及资源配置

没问题，这在WPF里有几种很实用的实现方式，根据你的属性值类型和逻辑复杂度，我给你整理了几个常用方案：

方式一：用DataTemplateSelector匹配状态（适合简单的一对一映射） #

如果你的属性值（比如字符串"low"，或者枚举值）和资源的Key直接对应，这种方式直观又好维护：

1. 先确保你的资源字典已经被正确合并到当前控件或应用的资源里，比如在Window的Resources里：

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <!-- 替换成你的资源文件路径 -->
            <ResourceDictionary Source="YourDrawingResources.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

2. 然后用ContentControl结合TemplateSelector来选择对应模板：

<ContentControl Content="{Binding CurrentStatus}">
    <ContentControl.Resources>
        <!-- 对应"low"状态的模板，直接引用资源里的DrawingImage -->
        <DataTemplate x:Key="LowStatusTemplate">
            <Image Source="{StaticResource low}"/>
        </DataTemplate>
        <!-- 可以继续添加其他状态的模板，比如medium、high -->
        <DataTemplate x:Key="MediumStatusTemplate">
            <Image Source="{StaticResource medium}"/>
        </DataTemplate>
    </ContentControl.Resources>
    <ContentControl.ContentTemplateSelector>
        <local:StatusTemplateSelector 
            LowTemplate="{StaticResource LowStatusTemplate}"
            MediumTemplate="{StaticResource MediumStatusTemplate}"/>
    </ContentControl.ContentTemplateSelector>
</ContentControl>

3. 最后写一个简单的TemplateSelector类，用来根据属性值返回对应模板：

public class StatusTemplateSelector : DataTemplateSelector
{
    public DataTemplate LowTemplate { get; set; }
    public DataTemplate MediumTemplate { get; set; }
    // 按需添加其他状态的模板属性

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        // 这里假设属性是字符串类型，要是枚举就改成对应的枚举转换
        var status = item as string;
        return status switch
        {
            "low" => LowTemplate,
            "medium" => MediumTemplate,
            // 其他状态匹配
            _ => base.SelectTemplate(item, container)
        };
    }
}

方式二：用IValueConverter做动态映射（更灵活的场景） #

如果你的属性值和资源Key不是直接同名，或者需要更复杂的逻辑判断，转换器是更好的选择：

1. 先写一个转换器类，根据属性值查找对应的DrawingImage资源：

public class StatusToDrawingImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null) return null;

        // 这里假设属性是自定义枚举Status，你可以改成自己的类型
        var status = (Status)value;
        var resourceKey = status switch
        {
            Status.Low => "low",
            Status.Medium => "medium",
            Status.High => "high",
            _ => null
        };

        if (resourceKey == null) return null;
        // 从应用全局资源中查找，要是控件级资源可以调整查找方式
        return Application.Current.TryFindResource(resourceKey) as DrawingImage;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 一般不需要反向转换，直接抛异常就行
        throw new NotImplementedException();
    }
}

2. 在XAML中声明转换器，然后直接绑定Image的Source：

<Window.Resources>
    <local:StatusToDrawingImageConverter x:Key="StatusToImageConverter"/>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="YourDrawingResources.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</Window.Resources>

<!-- 直接绑定到ViewModel的属性，转换器负责找对应的资源 -->
<Image Source="{Binding CurrentStatus, Converter={StaticResource StatusToImageConverter}}"/>

方式三：在ViewModel中直接返回DrawingImage（代码驱动的场景） #

如果你的逻辑特别复杂，或者需要在ViewModel里做额外处理，也可以直接在ViewModel中封装一个返回DrawingImage的属性：

// 记得要实现INotifyPropertyChanged接口，不然属性变化UI不会更新
private Status _currentStatus;
public Status CurrentStatus
{
    get => _currentStatus;
    set
    {
        _currentStatus = value;
        OnPropertyChanged();
        // 触发CurrentImage的属性变更通知
        OnPropertyChanged(nameof(CurrentImage));
    }
}

public DrawingImage CurrentImage
{
    get
    {
        var resourceKey = CurrentStatus switch
        {
            Status.Low => "low",
            Status.Medium => "medium",
            _ => null
        };
        return resourceKey != null ? Application.Current.TryFindResource(resourceKey) as DrawingImage : null;
    }
}

然后XAML里直接绑定这个属性就行：

<Image Source="{Binding CurrentImage}"/>

几个要注意的点 #

• 一定要确认你的资源字典路径正确，不然会找不到资源
• 如果是在控件的资源里而不是应用全局资源，查找资源的时候要改成用控件的TryFindResource方法
• ViewModel必须实现INotifyPropertyChanged接口，这样属性变化时UI才能自动更新

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