How can I set this Image Source in XAML?

Question

Currently, I have this in MainWindow.xaml:

<Image Name="LogoImage" />

And this in MainWindow.xaml.cs:

public ImageSource LogoImageSource { get; set; }

....

var rm = new ResourceManager("Project.Properties.Resources", GetType().Assembly);

var logoBmp = (Bitmap) rm.GetObject("CompanyLogo");
if (logoBmp != null)
{
    var hBitmap = logoBmp.GetHbitmap();
    ImageSource src =
        Imaging.CreateBitmapSourceFromHBitmap(
            hBitmap,
            IntPtr.Zero,
            Int32Rect.Empty,
            BitmapSizeOptions.FromEmptyOptions());
            LogoImageSource = src;
}

var logoBinding = new Binding("LogoImageSource");
logoBinding.Source = this;
LogoImage.SetBinding(System.Windows.Controls.Image.SourceProperty, logoBinding);

I do it this way because I like to keep images as embedded resources, so there's not a bunch of random files floating around in the users install dir.

But how can I manage the image binding (the last 3 lines of code) from XAML and not C#?

Or, if anyone has any input on how they manage image resources, please share it with me.

Answer 1

In WPF, you need to use the compile action of Resource, not Embedded Resource. Then you can access it like you want to.

EDIT

If you have to use Embedded Resources, you could do it with an IValueConverter. You're basically moving the code into a reusable class, but it would look something like this:

public class ImageLoadingConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value == null || !(value is string)) return null;

        var rm = new ResourceManager("Project.Properties.Resources", GetType().Assembly);

        using (var stream = rm.GetStream((string)value))
        {
            return BitmapFrame.Create(stream);
        }

        return null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

You'd then use it like so:

<lcl:ImageLoadingConverter x:Key="imageLoader" />

...

<Image Source="{Binding Source=LogoImage.png, Converter={StaticResource imageLoader}}" />