WPF项目中如何将字符串格式图片路径绑定到Image控件Source

嘿，看你的描述，应该是在做WPF兼容设备列表的时候，想把注册表来的字符串格式图片路径绑定到Image控件，但可能遇到图片不显示的情况？我来给你捋捋怎么解决这个问题。

首先先确认基础配置：你的图片文件SomeImage.png的生成操作一定要设对——右键文件选属性，把生成操作改成Resource，复制到输出目录选不复制。这一步很关键，不然WPF的资源系统找不到它。

接下来，问题核心是：WPF的Image.Source需要的是ImageSource类型，而你绑定的是字符串格式的pack URI，默认情况下WPF不会自动帮你转类型，所以得做转换。有两种常用的方法：

方法一：写个值转换器转字符串到ImageSource #

这是最灵活的方式，尤其是当你没法修改ViewModel属性类型的时候。先写个转换器类：

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Media.Imaging;

public class StringToImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string path && !string.IsNullOrWhiteSpace(path))
        {
            try
            {
                return new BitmapImage(new Uri(path, UriKind.RelativeOrAbsolute));
            }
            catch
            {
                // 这里可以返回个默认占位图，或者直接返回null，视需求而定
                return null;
            }
        }
        return null;
    }

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

然后在XAML里引用这个转换器：先在你的Window或者UserControl的资源里注册它（注意local是你转换器所在命名空间的xmlns引用，比如xmlns:local="clr-namespace:YourProjectNamespace"）：

<Window.Resources>
    <local:StringToImageConverter x:Key="StringToImage" />
</Window.Resources>

最后修改Image的绑定：

<Image Source="{Binding Image, Converter={StaticResource StringToImage}}" />

方法二：直接在ViewModel里用ImageSource类型 #

如果你能改ViewModel的属性，那直接把Image属性的类型从string换成ImageSource就省事多了：

private ImageSource _deviceImage;
public ImageSource DeviceImage
{
    get => _deviceImage;
    set
    {
        _deviceImage = value;
        OnPropertyChanged(); // 记得你得实现INotifyPropertyChanged接口哦
    }
}

// 赋值的时候这么写：
DeviceImage = new BitmapImage(new Uri("/My.Project.Name;Component/Images/SomeImage.png", UriKind.Relative));

这样XAML里直接绑定就行，不用转换器：

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

几个要注意的小细节 #

• 确认你的pack URI里的程序集名称和项目的程序集名称完全一致（去项目属性的应用程序选项卡看，别写错了）
• 如果图片在另一个类库项目里，一定要确保当前WPF项目引用了那个类库
• 可以先在XAML里写死路径测试，比如<Image Source="/My.Project.Name;Component/Images/SomeImage.png" />，能显示再改成绑定，这样能排除路径本身的问题

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