くうと徒然なるままに

モバイルアプリを作りながらバックエンドも作っています。

UWP アプリ で インターネット上にある画像を表示する

環境

  • Windows 10 CU
  • Visual Studio 2017 Enterprise

まえがき

一般的に、 UWP アプリで画像を表示するためには、 <image /> を利用します。

では、インターネット上にある画像、例えば、 https://www.google.co.jp/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png とか。 を表示すればいいのかなと思ってやってみました。

やりかた

以下のように Image タグの Source プロパティで 画像のURLを指定してあげるだけです。
今回も、例のごとく 欅坂46 のアイコンを表示させてみました。

コード

<Image Source="http://48pedia.org/images/a/a3/%E6%AC%85%E5%9D%82%E3%83%AD%E3%82%B4.jpg"></Image>

実行イメージ