WinUI EmbeddedResource in Xaml

Question

I don't understand why this code doesn't work

<Image Source="pack://application:,,,/Resources/Steam.png" Width="30"/>

https://stackoverflow.com/questions/62032643/using-image-in-xaml-from-resources-resx

how should I use embedded resource? I just don't want all the resources to be in the bin folder can someone help me on how to use EmbeddedResource in Xaml?

<Image Source="pack://application:,,,/Resources/Steam.png" Width="30"/>
<Image Source="/Resources/Steam.png" Width="30"/>

  <ItemGroup>
    <EmbeddedResource Include="Resources\Steam.png" />
  </ItemGroup>

I tried many options but didn't work for me

WinUI3 is not WPF, there's no pack uri, the documentation to embed and access resources in WinUI3 (Windows App SDK more generally) is here learn.microsoft.com/en-us/windows/apps/windows-app-sdk/mrtcore/… — Simon Mourier
– Simon Mourier, Commented Jun 27, 2024 at 17:47

Kalib Story · Accepted Answer · 2024-08-09 22:32:40Z

I found an answer for you, although it is not in xaml. I've done a lot of research and couldn't find a xaml method, but it still is possible to keep the image as an embedded resource, without having it in your root app directory. You need to first put your images in a directory you can result to. and have the images set to "Embedded Resource" not "Resource" or anything else. In C# The code looks like this

Stream streamVar = this.GetType().Assembly.GetManifestResourceStream("YourProjectNameHere.TheDirectory(FormattedInPeriodsInsteadOfSlahses).YourImageHere.ImageExtensionType");
BitmapImage bitmapimageVar = new();
bitmapimageVar.SetSource(streamVar.AsRandomAccessStream());
YourXAMLUIImageElement.Source = sampleBitmapImageVariable;

Here is my Sample of code and directories

Stream s = this.GetType().Assembly.GetManifestResourceStream("Hostware.Icons.appicon.png");
BitmapImage img = new();
img.SetSource(s.AsRandomAccessStream());
appicon_image.Source = img;

Hope this helps! I spent too long trying to find an xaml method, if you have found a solution in xaml already, please let me know, because I want it

Ismail Hassani · Accepted Answer · 2024-10-10 15:13:40Z

0

Should it not be like this?
At least, that's what I'm using.

<Image Source="ms-appx:///Resources/Steam.png" Width="30"/>

answered Oct 10, 2024 at 15:13

Ismail Hassani

4625 silver badges16 bronze badges

1 Comment

Ismail Hassani Over a year ago

I just realized this uri-scheme is for content files (in packaged applications). My bad.

Collectives™ on Stack Overflow

WinUI EmbeddedResource in Xaml

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related