Windows-10 UWP中如何在ListView中将图片的url绑定到图片源。

Question

我将我的WinRT应用转换为UWP。 我的应用程序尝试显示一张图片，其URI是从在线查询中接收到的。
我在XAML中像这样绑定它到图像源：

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

应用无法从此URI获取图像。它只能显示应用容器中存在的图片（即在/Assets/文件夹中的任何内容） 我从在线查询中收到的URI是有效的。通过将URI粘贴到浏览器中，我验证了这一点。浏览器能够从URI中获取并显示图像。 我在WPF数据绑定帖子中阅读了这篇文章。它至少表示如果“ImageSrc是指向图像的有效URI的字符串表示形式”，则上述绑定将起作用。在我的案例中，ImageSrc是有效的URI。 由于上面的主题是针对WPF的，所以我不确定它是否适用于UWP。在这种情况下，我需要做什么额外的事情吗？

- Ganesh kudva

Answer 1

如果您正在寻找基于XAML的绑定方式，请按照以下步骤进行：

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

- Konstantin

---

对于 ImageSource，我建议在绑定时使用 FallbackValue=null，以确保设计师的平滑体验。 <BitmapImage UriSource="{Binding ImageSource, FallbackValue=null}" /> - Nasenbaer

Answer 2

我可以给你一个替代方案。您可以从代码后台文件中设置图像源。URL不能直接使用Image标记的“source”属性进行呈现。您必须先将URL转换为位图图像，然后将源属性设置为该位图对象。

请尝试以下操作：

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

正如在这里提出的问题所看到的那样（XAML）编程设置图像源

- Raxak

---

嗨@Rachhek，感谢您的回复。看起来您的答案也是有效的。但我正在寻找基于XAML的绑定，因此接受了Konstantin在上面的答案。 - Ganesh kudva