WPFで実践アプリ開発！ 第四章 機能の実装 Part 2

Transcript

1. WPFで実践アプリ開発！ 第四章 機能の実装 Part 2 Ryosuke Uchiyama step63r
2. ToDoWpf • やることリストを表示するアプリケーション • 「やること」を追加、削除、編集する機能 • 期日や優先度でソートする機能 • 期限切れを可視化する機能 • 通知領域に常駐する機能 • 詳細メモを登録する機能 • and so on... 前 回 の あ ら す じ
3. UIとロジックを分離するためのソフトウェアアーキテクチャパターン • Model • アプリケーションのデータと手続き（ビジネス ロジック）を表現する • Modelの情報はViewModelを介してViewへ伝達 される • Model自身はViewの描画を知らない（知る必要 がない） • View • UIへの入力とUIからの出力を担当する • ViewModelに含まれたデータをデータバイン ディング機構などによって自動的に描画する • Viewそのものに複雑なロジックは含まない • ViewModel • ViewとModelの間の情報伝達を担当する • ViewModelの変更は自動的にViewへ反映される 前 回 の あ ら す じ
4. アプリケーション設定 // 設定値の保存 Properties.Settings.Default.SomeValue = "This is a setting value"; Properties.Settings.Default.Save(); // 設定値の読み込み string someValue = Properties.Settings.Default.SomeValue; 前 回 の あ ら す じ
5. 期限超過かどうかを判定する ValueConverterクラスを作成 internal class IsPastDayConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { // データ -> 表示データへの変換 } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { // 表示データ -> データへの変換 } } スタイルで実装 <DataTrigger Binding="{Binding Path=DueDate, Converter={StaticResource IsPastDayConverter}}" Value="True"> <Setter Property ... /> </DataTrigger> 前 回 の あ ら す じ
6. ソースコード step63r/ToDoWpf https://github.com/step63r/ToDoWpf
7. UIを実装する #84c500a MVVM化する #bda66d5 タスクの保存機能を実装する #eac821a タスクの削除機能を実装する #6ee9fba タスクをモデル化する #ef5baef 期限や優先度を可視化する #6c7e455 常駐機能を実装する #e9da2b9 ウィンドウ設定を保存する #e39d551 詳細メモを登録できるようにする #9e734f9 step63r/ToDoWpf コードビハインドで最低限のロジックを実装する #91176b6
8. Hardcodet.NotifyIcon.Wpf https://github.com/hardcodet/wpf-notifyicon
9. 通知領域の実装
10. アプリケーション終了のキャンセル
11. 通知領域のメニューイベント
12. UIを実装する #84c500a MVVM化する #bda66d5 タスクの保存機能を実装する #eac821a タスクの削除機能を実装する #6ee9fba タスクをモデル化する #ef5baef 期限や優先度を可視化する #6c7e455 常駐機能を実装する #e9da2b9 ウィンドウ設定を保存する #e39d551 詳細メモを登録できるようにする #9e734f9 step63r/ToDoWpf コードビハインドで最低限のロジックを実装する #91176b6
13. ウィンドウサイズの保存と復元
14. ウィンドウ領域 プライマリ モニター セカンダリ モニター
15. ウィンドウ領域 - WorkArea プライマリ モニター セカンダリ モニター WorkArea
16. ウィンドウ領域 - PrimaryScreen プライマリ モニター セカンダリ モニター PrimaryScreen
17. ウィンドウ領域 - VirtualScreen プライマリ モニター セカンダリ モニター VirtualScreen VirtualScreen
18. UIを実装する #84c500a MVVM化する #bda66d5 タスクの保存機能を実装する #eac821a タスクの削除機能を実装する #6ee9fba タスクをモデル化する #ef5baef 期限や優先度を可視化する #6c7e455 常駐機能を実装する #e9da2b9 ウィンドウ設定を保存する #e39d551 詳細メモを登録できるようにする #9e734f9 step63r/ToDoWpf コードビハインドで最低限のロジックを実装する #91176b6
19. 新規作成、編集のダイアログを作る MainWindowView TaskDialogView
20. ダイアログ表示方法の検討 • Prism.Wpf(MVVM)で気軽にMessageBoxをShowしたい – Qiita • MVVMな設計でVMからダイアログ表示を行う - SourceChord • MVVMでViewModelから別ウィンドウ表示をするサンプル～シンプルなTODOリスト～ - SourceChord • MVVMでダイアログを表示したいときどうする？ - present • 【WPF】MessageBoxを自作してViewModelから表示する | IT記録 • MVVMでファイルを開くダイアログを使う（View完結とViewModel経由） - かずきのBlog@hatena • MVVM的に真っ当にMessageBoxを表示する - 銀の弾丸 Messangerパターン ビヘイビア サービスインジェクション DataTrigger Interaction Request
21. 今回の設計指針 – ウィンドウを開く MVVMな設計でVMからダイアログ表示を行う - SourceChord (hatenablog.com)
22. 今回の設計指針 – ウィンドウを閉じる VMからウィンドウを閉じる添付ビヘイビア - SourceChord (hatenablog.com)
23. POINT ウィンドウ(親)は自分が開くダイアログ(子)を知っている ダイアログ(子)は自分を開いたウィンドウ(親)を知らない
24. まとめ
25. MVVMパターンを使ったWPF開発 • Windowsアプリ開発はWin32から着実に進化を遂げてきた • WPFはデータの双方向バインドに特化したフレームワーク • MVVMパターンを使うとUIとロジックを分離した設計ができる • UI/ロジックの分離により、UI改善、機能追加、テストが簡単になる • WPFではUI要素を柔軟にカスタマイズできる • Windowsに特化したアプリ開発はWPFを最後に幕を閉じた • これからはWebとマルチプラットフォームが台頭すると思われる