norimakiXLVI https://blog.hatena.ne.jp/norimakiXLVI/ rebuild https://norimakixlvi.hatenadiary.org/ Metro Style App 画像ファイルを選択して表示する機能を作成してみます。単純に表示するだけではなく、大きな画像は拡大・縮小して表示できるようにします。 まず画面を作成します。 画面上部にファイル選択を実行するためのボタンを配置します。 その下に画像を表示するための Image を配置しますが、拡大・縮小のために ScrollViewer を配置し、その中に Image を配置する形にします。 <Grid Background="{StaticResource ApplicationPageBackgroundBrush}"> <Grid.RowDefinitions> <RowDefinition Height=… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnorimakixlvi.hatenadiary.org%2Fentry%2F20120304%2F1330867949" title="画像の表示 - rebuild" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/norimakiXLVI/20120304/20120304222346.png Hatena Blog https://hatena.blog 2012-03-04 22:32:29 rich https://norimakixlvi.hatenadiary.org/entry/20120304/1330867949 1.0 100%