xaml - AdaptiveGridView XAML 控件图像源

Question

我怎样才能AdaptiveGridView从网络上查看图像？我只能让它查看我的资产文件夹中已经存在的图像，当我尝试将源设置为图像的链接时，它只显示一个白色图像，然后下载该图像。

Answer 1

要显示来自网络的图像，我们可以利用图像控件。Image.Source支持http:或https:方案，并且在将源设置为无法解析为有效图像源文件或解码失败的 URI 值时，它将触发ImageFailed事件。我们可以使用这个事件来处理潜在的错误。有关详细信息，请参阅Image.ImageFailed 事件中的备注。

此外，在AdaptiveGridView 示例页面中，它使用本地资源进行演示。我们可以AdaptiveGridViewControl.ItemsSource像下面这样轻松更改以使用在线图像。

AdaptiveGridViewControl.ItemsSource = await new Data.PhotosDataSource().GetItemsAsync(true);

此外，当您使用 UWP 社区工具包时，您可以使用ImageEx XAML 控件而不是Image控件。此控件异步下载图像，同时显示加载指示器。然后将源图像存储在应用程序的本地缓存中，以保留资源和加载时间。ImageEx 还扩展了默认Image平台控件以通过缓存提高性能。您还可以使用将显示的占位符图像以加载主图像。