Programmatically set the Source of an Image (XAML)

c# xaml windows-runtime
Villager picture Villager · Jun 29, 2012 · Viewed 67.6k times · Source

I am working on a Windows 8 app. I need to know how to programmatically set the Source of an Image. I assumed that the Silverlight approach would work. However, it doesn't. Does anybody know how to do this? The following will not work:

string pictureUrl = GetImageUrl();
Image image = new Image();
image.Source = new Windows.UI.Xaml.Media.Imaging.BitmapImage(new Uri(pictureUrl, UriKind.Relative));
image.Stretch = Stretch.None;
image.HorizontalAlignment = Windows.UI.Xaml.HorizontalAlignment.Left;
image.VerticalAlignment = Windows.UI.Xaml.VerticalAlignment.Center;

I get an Exception that says: "The given System.Uri cannot be converted into a Windows.Foundation.Uri."

However, I can't seem to find the Windows.Foundation.Uri type.

Answer

Rico Suter picture Rico Suter · Jun 29, 2012

I just tried 

Image.Source = new BitmapImage(
    new Uri("http://yourdomain.com/image.jpg", UriKind.Absolute));

And it works without problems... I'm using System.Uri here. Maybe you have a malformed URI or you have to use an absolute URI and use UriKind.Absolute instead?

Related questions

How to get the resolution of screen? For a WinRT app?

I want to know the screen resolution so that I can set the height of an element according to the resolution in a Windows 8 app.

Read More
Mysterious "Not enough quota is available to process this command" in WinRT port of DataGrid

Edit Sept 26 See below for the full background. tl;dr: A data grid control is causing odd exceptions, and I am looking for help isolating the cause and finding a solution. I've narrowed this down a bit further. I have …

Read More
Handle Swipe Up, Swipe Down, Swipe Left & Swipe Right Gestures in a WinRT app

I have the following code: public MainPage() { this.InitializeComponent(); this.ManipulationStarting += MainPage_ManipulationStarting; this.ManipulationStarted += MainPage_ManipulationStarted; this.ManipulationInertiaStarting += MainPage_ManipulationInertiaStarting; this.ManipulationDelta += MainPage_ManipulationDelta; this.ManipulationCompleted += MainPage_ManipulationCompleted; } void MainPage_ManipulationStarting(object sender, ManipulationStartingRoutedEventArgs e) { Debug.WriteLine("MainPage_ManipulationStarting"); } …

Read More