Windows-10 UWP Binding Image url to Image source in ListView

windows xaml data-binding windows-10-universal
Ganesh kudva picture Ganesh kudva · May 19, 2016 · Viewed 13.4k times · Source

I am porting my WinRT app to UWP. My app tries to display an image, the uri for which is received from an online query.
I am binding it to Image source like this in XAML

<Image  Source="{Binding ImageSrc}" Stretch="UniformToFill" />


App cannot fetch image from this uri. It is only able to display images which are present in app container (Anything in /Assets/ folder)
The uri I receive from the online query is valid. I verified that by pasting the uri in browser. The browser is able to fetch & display the image from uri.

I read this post on Data Binding in WPF. It atleast says that the above binding would work if "ImageSrc is a string representation of a valid uri to an image". ImageSrc is valid uri in my case

Since the above thread is for WPF, I am not sure if that stands true even for UWP or not. Is there anything additional that I need to do in this case?

Answer

Konstantin picture Konstantin · May 19, 2016

If you are looking for XAML-based binding here is how:

<Image>
    <Image.Source>
        <BitmapImage UriSource="{Binding ImageSource}" />
    </Image.Source>
</Image>

Related questions

How do I make a WPF button look like a link?

I want to use buttons in WPF that are styled like links. Microsoft does this (seemingly inconsistently) in its Windows dialog boxes. They look like blue text. And change color and underline when the mouse cursor hovers over. Example: I …

Read More
Photo capture on Windows Store App for Windows Phone

Well, my question is simple: How do I capture pictures with a Windows Store App for Windows Phone 8.1, using the camera? The samples on MSDN use Windows.Media.Capture.CameraCaptureUI, which is not usable on Windows Phone, or are for …

Read More
Vertical scrolling inside GridView group of items in WinRT XAML

I am using GridView for displaying groups of different sets of items in a WinRT XAML app. Everything works well, except that the ItemsPanelTemplate uses a wrapping grid which stacks my items vertically when it's out of space. So, I …

Read More