もっと！WPF勉強会 第1回 コマンド/WPFStudyMore1

もっと！WPF勉強会 第1回 コマンド　（WPF勉強会の通算第6回）

説明後に実演するライブコーディングのコードはこちら。
https://github.com/hachiilcane/WpfStudy

Transcript

1. ΋ͬͱʂWPFษڧձ ୈ1ճ ίϚϯυ
2. ͸͡Ίʹ ViewͷΠϕϯτΛViewModelʹͲ͏఻ ͑Δ͔ɺͱ͍͏؍఺ͷΈͰίϚϯυΛ આ໌͠·͢ ίϚϯυ͸΍ͨΒ೉͍͠ͷͰɺภͬ ͨઆ໌ʹͳΔ͜ͱΛ͝༰͍ࣻͩ͘͞
3. ࠓ೔֮͑ͯ΄͍͜͠ͱ View͔ΒViewModelʹϢʔβͷૢ࡞Λ ఻͑ΔɺͦͷҰͭͷํ๏͕ίϚϯυ Πϕϯτϋϯυϥ͸෼཭ίʔυҎ֎ͷ৔ ॴʹ΋ࣗ༝ʹॻ͚Δ
4. ίϚϯυͷҐஔ͚ͮ View͔ΒViewModel΁σʔλมߋҎ֎ͷ Ϣʔβͷૢ࡞Λ఻͑ΔͨΊʹ࢖͏ ϘλϯԡԼɺϝχϡʔͷબ୒ɺϚ΢εΫ ϦοΫͳͲ ΠϕϯτϋϯυϥΛViewModelͱ͍͏View ͱ͸ҧ͏Ϋϥεʹॻͨ͘ΊͷςΫχοΫ
5. ίϚϯυͱσʔλόΠϯ υ ViewModelΫϥε σʔλ ViewΫϥε(XAML) σʔλ Πϕϯτ σʔλόΠϯσΟϯά ίϚϯυ Ϙλϯԡ ͨ͠Αʂ ॲཧ ͡Ό͋ ॲཧ͔ͬ͢
6. ߏ଄͸σʔλόΠϯσΟ ϯάͱ΄΅ಉ͡ όΠϯυͰ͖ΔϓϩύςΟʹ੍ݶ͕͋Δ͚ͩ ViewModelΫϥε ICommand ܕͷϓϩύςΟ ViewΫϥε(XAML) CommandϓϩύςΟ όΠϯσΟϯάιʔε όΠϯσΟϯάλʔήοτ DataContext ͜͜ʹίϚϯυ(=ॲཧ)ͷ ࣮ମΛಥͬࠐΉ
7. ࣮ߦͰ͖Δ͔ͷ֓೦ ίϚϯυ͸࣮ߦՄೳ͔ʁͱ͍͏֓೦Λ ͍࣋ͬͯΔ ίϚϯυ͕࣮ߦෆՄೳͳͱ͖ɺϘλϯ ΍ϝχϡʔ͕DisableʹͳΔ
8. ίϚϯυͷ࣮૷ Execute()ͱCanExecute()Λ࣮૷͠·͢ ศརΫϥεʢDelegateCommandΫϥε΍ RelayCommandΫϥεʣͷྗΛआΓ·͠ΐ͏ ࠷ऴతʹ͸࢖༻͢ΔϑϨʔϜϫʔΫ ʢPrsimͳͲʣ͕ఏڙ͢ΔศརΫϥεΛ࢖ ༻͍ͯͩ͘͠͞
9. ॲཧͷྲྀΕ ViewModelΫϥε ICommand ܕͷϓϩύςΟ ViewΫϥε(XAML) 2. Ϙλϯ͕ԡ͞ΕͨΒɺExecute() ΛΩοΫ͢Δ Ϙλϯ CommandϓϩύςΟ void Execute() bool CanExecute() 1. View͸ద੾ͳλΠϛϯά ͰCanExecute()Λ࣮ߦ͠ɺ ໭Γ஋ʹΑͬͯϘλϯͷ༗ ޮʗແޮΛ੾Γସ͑Δ
10. ϝϦοτ ViewͱॲཧΛ׬ᘳʹ෼཭Ͱ͖Δ ίϚϯυͱσʔλόΠϯσΟά͚ͩͰ ViewͱViewModelΛ࡞Ε͹ڀۃͷૄ݁ ߹ ΠϕϯτϋϯυϥΛॻ͘৔ॴ͕෼཭ίʔ υʹݶఆ͞Εͳ͍
11. σϝϦοτ ίϚϯυ͚ͩͰ΍Γ͍ͨ͜ͱ͕શ෦Χ όʔͰ͖ΔΘ͚Ͱ͸ͳ͍ ͦ΋ͦ΋CommandϓϩύςΟ͸Ϙλ ϯ΍ϝχϡʔͳͲҰ෦ͷίϯτϩʔ ϧʹ͔͠ͳ͍
12. ΍Γํ͸Ұͭ͡Όͳ͍ View͔ΒViewModelʹૢ࡞Λ఻͑Δํ ๏͸ଞʹ΋͍Ζ͍Ζ͋Γ·͢ ίϚϯυ͸ͦͷ͏ͪͷҰͭͷબ୒ࢶͱ͠ ͯͱΒ͓͖͑ͯ·͠ΐ͏
13. ΧελϜ͡Όͳ͍ίϚϯ υ΋͋Γ·͢ লུʂʂ
14. ͜ΜͳͷΛ࡞ͬͯΈ· ͠ΐ͏ ελʔτϘλϯͱετοϓϘλϯɺτά ϧͰಈ͘
15. ͱɺͦͷલʹ σʔλόΠϯσΟϯάͷ૒ํ޲όΠϯυ Ͱ΋ɺ͋Δఔ౓ͷϢʔβૢ࡞Λ ViewModelʹ఻͑ΒΕ·͢
16. σʔλόΠϯσΟϯάʹ ΑΔϢʔβૢ࡞௨஌ ίϯϘϘοΫεબ୒ <ComboBox ItemsSource="{Binding AnimalType}” SelectedItem="{Binding SelectedAnimalType}"/> <TextBox TextWrapping=“Wrap" Text="{Binding Meter, UpdateSourceTrigger=PropertyChanged}"/> ςΩετϘοΫεมߋ