xaml - AdaptiveGridView XAML コントロール イメージ ソース

Question

AdaptiveGridViewWeb からビュー画像を作成するにはどうすればよいですか? アセットフォルダーに既にある画像のみを表示できます。ソースを画像へのリンクに設定しようとすると、白い画像が表示され、その画像がダウンロードされます。

Answer 1

Web から画像を表示するには、Imageコントロールを利用できます。Image.Sourceはhttp:またはhttps:スキームをサポートしており、ソースを有効な画像ソース ファイルに解決できない URI 値に設定したり、デコードに失敗したりすると、ImageFailedイベントが発生します。このイベントを使用して、潜在的なエラーに対処できます。詳細については、Image.ImageFailed イベントの備考を参照してください。

また、AdaptiveGridView Sample Pageでは、デモンストレーションにローカル アセットを使用しています。次のように簡単に変更AdaptiveGridViewControl.ItemsSourceして、オンライン画像を使用できます。

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

また、UWP Community Toolkit を使用しているため、コントロールの代わりにImageEx XAML コントロールImageを使用できます。このコントロールは、読み込みインジケーターを表示しながら、画像を非同期的にダウンロードします。ソース イメージはアプリケーションのローカル キャッシュに保存され、リソースと読み込み時間を節約します。ImageEx は、既定のImageプラットフォーム コントロールも拡張して、キャッシュによってパフォーマンスを向上させます。メイン画像をロードする際に表示されるプレースホルダー画像を使用することもできます。