How to Correctly Load Images from Resources in WPF?

Loading images as resources in WPF

In WPF development, you often want to embed images as resources in your project for easy access and deployment. However, setting the image source dynamically in code can sometimes be challenging.

Suppose you are having trouble loading an image from a resource using the following code:

<code class="language-csharp">Assembly asm = Assembly.GetExecutingAssembly();
Stream iconStream = asm.GetManifestResourceStream("SomeImage.png");
PngBitmapDecoder iconDecoder = new PngBitmapDecoder(iconStream, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);
ImageSource iconSource = iconDecoder.Frames[0];
_icon.Source = iconSource;</code>

Although the stream contains image data, the image is still invisible. The solution lies in using Pack URIs, a URI scheme specifically designed for loading resources from assemblies.

Here is an updated method that includes the Pack URI:

<code class="language-csharp">Image finalImage = new Image();
finalImage.Width = 80;
...
BitmapImage logo = new BitmapImage();
logo.BeginInit();
logo.UriSource = new Uri("pack://application:,,,/AssemblyName;component/Resources/logo.png");
logo.EndInit();
...
finalImage.Source = logo;</code>

This URI specifies the authorization as "application:///", followed by the assembly short name, the path to the resource file, and slashes replaced with commas. Also, make sure to set the image resource to "resource" as its build action.

Using Pack URIs ensures reliable loading of embedded resources in WPF, allowing you to seamlessly integrate images into your user interface.

The above is the detailed content of How to Correctly Load Images from Resources in WPF?. For more information, please follow other related articles on the PHP Chinese website!