はつねの日記

Kinect, Windows 10 UWP, Windows Azure, IoT, 電子工作

UWPアプリでFilePickerで指定したファイルをリスト表示する

2DなUWPアプリで一覧表示したボタンをクリックすると、FilePickerでファイルを指定してその行に画像を表示したいという質問を頂いたので、まとめます。
なお、少々手抜きをしていて、Modelの中でFilePicker起動しちゃってます。
本来であれば、イベントあたりを使って、ModelじゃなくてViewとかに通知を伝搬して、そこでFilePickerを呼び出して、ファイルから画像設定のModelをView→ViewModel→Viewという感じに読んであげるのがいいような気がします。

UWPに権限を追加する

f:id:hatsune_a:20201127145000p:plain

一覧表示用クラスを定義する

gist.github.com
ボタン押した行をイベントとして外に通知して、外側のImageModelクラスでImageSourceを設定した感じに変えた方がいいと思います。
※後日変えると思います

Modelを定義する

gist.github.com

ViewModelを定義する

gist.github.com

Viewを定義する

gist.github.com

gist.github.com