In WinRT XAML, how to reference images in outside/separate assembly/project?

Question

Seems to be different in WinRT (Windows 8). Anyone figure it out yet?

My experiments.

Of course:

File Build Action == Content && Copy to Output Directory == Copy always

These don't seem to work:

<Image Source="Folder/file.jpg" />
<Image Source="/Folder/file.jpg" />
<Image Source="Namespace;Folder/file.jpg" />
<Image Source="Namespace;/Folder/file.jpg" />
<Image Source="pack://Namespace;Folder/file.jpg" />
<Image Source="pack://Namespace;/Folder/file.jpg" />

Out of desperation I tried:

File Build Action == Embedded Resource && Copy to Output Directory == Copy always

Still fail. Ugh!

JP Alioto · Accepted Answer · 2012-06-08T22:08:17.373

15

<Image Source = "ms-appx:///<projectName>/<folderName>/<contentName>" />

For example ...

<Image Source = "ms-appx:///ClassLibrary1/Content/myimage.png" />

See How to Reference Content for a bit more info.

edited Jun 08 '12 at 22:08

answered Jun 08 '12 at 21:01

JP Alioto

44,864
6
88
112

Yeah, sorry ... I couldn't find the XAML version :( – JP Alioto Jun 08 '12 at 21:41
The XAML version hasn't been published yet, but if you do this in code, it's "Files/" and then the path you would normally use. Or at least that's what I discovered using the ResourceManager. – William Holroyd Jul 03 '12 at 16:30
How would you do this from code-behind or viewmodel? – Jay Kannan Feb 25 '14 at 14:17
@JayKannan (and google) your `Image`'s `Source` would be bound to a `Uri` property in your ViewModel – bdimag Jun 15 '14 at 00:50

In WinRT XAML, how to reference images in outside/separate assembly/project?

1 Answers1