Downloaded 10 times
Uploaded byTakayoshi Tanaka
20150530 めとべや東京 Reactive Property + Livetで作るWPFアプリ
2015/05/30 めとべや東京#8 でのセッション
More Related Content
![[Container Runtime Meetup] runc & User Namespaces](https://cdn.slidesharecdn.com/ss_thumbnails/publicruncusernamespacescontainerruntimemeetup1-190924085316-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 20150530 めとべや東京 Reactive Property + Livetで作るWPFアプリ
![Visual Studio Online BUILD を本気で使いこなして品質＆効率を劇的に上げる！ [ Comm Tech Festival ] C-4](https://cdn.slidesharecdn.com/ss_thumbnails/commtechfestivalvso2015build-150926103603-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![SRENEXT 2020 [B5] New RelicのSREに学ぶ SREのためのNew Relic活用法](https://cdn.slidesharecdn.com/ss_thumbnails/20200125srenextb5newrelic-200125133753-thumbnail.jpg?width=640&height=640&fit=bounds)
20150530 めとべや東京 Reactive Property + Livetで作るWPFアプリ
- 2.
- 4. フル.NET Framework の力を！ RunSpaceでPowerShell呼び出し(System.Management.Automation.dll) Gitコマンドの呼び出しとか (libgit2sharp) 配布の容易さ MSDeploy や DSC、ClickOnce など 安心と信頼のデスクトップアプリ デスクトップは不滅 安定した技術基盤 4
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. 作り直し事例で考えるWPFアプリのクラス構造 新しいアプリで考えるライブラリの利用事例 Livet C# 6.0 +ReactiveProperty 13
- 15.
- 16.
- 17.
- 18.
- 19. Model と ViewModelの境目 19 App.dll App.Core.dll App.Cmdlet.dll MV VM
- 20.
- 21.
- 22. Model と ViewModelの境目 22 App.dll App.Core.dll App.Cmdlet.dll M V VM
- 23. Model と ViewModelの境目 23 App.dll App.Core.dll App.Cmdlet.dll M V VM VMとの IF 共通 ロジック
- 24.
- 25.
- 26.
- 27.
- 28. ReactivePropertyとは Rxベース = すべてがIO<T> になる Vのイベント、Mからの変更通知をIO<T>でつなぐ ModelとViewModelを楽に定義 Modelプロパティを1行でRP<T> なVMのプロパティに 宣言的なVMのプロパティの定義 プロパティ間のつながりをRxを使って宣言的に記述 28
- 29.
- 30.
- 31. Livet + ReactivePropty概観 31 V VM M
- 32.
- 33. ReactivePropertyのおすすめ資料 MVVMパターンのシンプルなサンプル （Livet + ReactiveProperty) まずはサンプルコードを見てみる ReactiveProperty解説 新機能の説明とか 未来のプログラミング技術をUnityで-UniRx- Unity向けだけど、RPの解説としてもわかりやすい 33
- 34.
- 35. V VMの流れ 35 <i:EventTrigger EventName="ContentRendered"> <behaviors:LivetCallMethodAction MethodTarget="{Binding}" MethodName="Initialize"/> </i:EventTrigger> <ListView ItemsSource="{Binding Repositories}" SelectedItem="{Binding Selected.Value, Mode=TwoWay}“/> public void Initialize() { Model.RepositoryMaster .Load().FireAndForget(); } public ReadOnlyReactiveCollection<Repository> Repositories { get; } public ReactiveProperty<Repository> Selected { get; } = new ReactiveProperty<Repository>(); Repositories = Model.RepositoryMaster .Repositories .ToReadOnlyReactiveCollection( x => new Repository(x)) .AddTo(CompositeDisposable);
- 36. VM Mの流れ 36 public void Initialize() { Model.RepositoryMaster .Load().FireAndForget(); } public ReadOnlyReactiveCollection<Repository> Repositories { get; } public ReactiveProperty<Repository> Selected { get; } = new ReactiveProperty<Repository>(); Repositories = Model.RepositoryMaster .Repositories .ToReadOnlyReactiveCollection( x => new Repository(x)) .AddTo(CompositeDisposable); public ObservableCollection<GitRepository> Repositories { get; } = new ObservableCollection<GitRepository>(); public async Task Load() { var repos = (await source.GetRepositories()) .Select(r => new GitRepository(r.Item1, r.Item2)); Repositories.Clear(); foreach (var repo in repos) { Repositories.Add(repo); } }
- 37. (VMとのIFになる)Modelの実装例 NotificationObjectを継承 変更通知するプロパティを実装 VMから操作されるメソッドを実装 void もしくは asyncTask (実質的な返り値なし) 操作した結果はすべて変更通知プロパティ経由で受け取る つまり、とてもステートフルなクラス 37
- 38. ViewModelの実装例 ViewModelを継承 MessengerとかCompositeDisposableが使える ViewにBindingするプロパティを実装 ReactiveProperty<T> や ReactiveCollection<T> Viewが操作する処理をコマンドorメソッドとして実装 voidもしくは async Task (実質的な返り値なし) 操作した結果はすべて変更通知プロパティ経由で受け取る 38
- 39. Viewの実装例 RP<T>をBindするときは.Value RPを使う場合のView側の実装はこの程度 LivetだとメソッドをBinding可能 Command定義しなくてもいいよ Messengerを受け取るアクション VM Mの通知手段 Buttonクリック 確認ダイアログ VMのメソッド実行 までをXAML内で完結 39
- 40.
- 41. 41 <TextBlock Text="{Binding AlertMessage.Value}"> <TextBlock.Visibility> <BindingPath="HasAlert.Value"> <Binding.Converter> <converters:VisibilityAndBooleanConverter ConvertWhenTrue="Visible" ConvertWhenFalse="Collapsed"/> </Binding.Converter> </Binding> </TextBlock.Visibility> </TextBlock>
- 42. 42 <Button Content="危険な処理" IsEnabled="{BindingCanExecute.Value}"> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <messaging:ConfirmationDialogInteractionMessageAction> <messaging:DirectInteractionMessage CallbackCommand="{Binding HogeCommand}"> <messaging:ConfirmationMessage Button="OKCancel" Caption="確認" Text="実行していいですか？" /> </messaging:DirectInteractionMessage> </messaging:ConfirmationDialogInteractionMessageAction> </i:EventTrigger> </i:Interaction.Triggers> </Button> HogeCommand = CanExecute.ToReactiveCommand<ConfirmationMessage>(); HogeCommand.Where(message => message.Response == true) .Subscribe(_ => { /* 何か処理*/ }) .AddTo(CompositeDisposable);
- 43. 43 <Button Content="もっと危険なコマンド" IsEnabled="{BindingCanExecute.Value}"> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <messaging:TransitionInteractionMessageAction WindowType="{x:Type v:AlertDialogWindow}" Mode="Modal"> <messaging:DirectInteractionMessage CallbackMethodTarget="{Binding}" CallbackMethodName="Fuga"> <messaging:TransitionMessage/> </messaging:DirectInteractionMessage> </messaging:TransitionInteractionMessageAction> </i:EventTrigger> </i:Interaction.Triggers> </Button> public void Fuga(TransitionMessage message) { if (message.Response == true) //ダイアログでOKだったら { //何か処理 } }
- 44.
- 45. デスクトップアプリは不滅 デスクトップといえばWPF M is neither“共通クラス” nor “ビジネスロジック” MVVMの役割をもう一度考えよう Mがリッチでないと、VMが肥大化しがち WPFならLivet便利 ReactivePropertyで宣言的な記述を 45
- 46.
- 47. Visual Studio 2015における 統合開発環境の進化 Unityを使用した Windows 用の 2D および 3D ゲーム開発ジャンプスタート MVA コンテンツ
Editor's Notes
- #9 たとえばViewModelをコードで足すと、コンパイルなしにXAMLで補完が聞くようになる XAMLのUIデバッグ=>実際のXAML構造が見れる 診断ツール