WPF勉強会 第2回 一つの値に対するデータバインディング/WPFStudy2

WPF勉強会 第2回 一つの値に対するデータバインディング

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

Transcript

1. WPFษڧձ ୈ2ճ Ұͭͷ஋ʹର͢Δ σʔλόΠϯσΟά
2. ࠓ೔֮͑ͯ΄͍͜͠ͱ ϓϩύςΟͷ஋ʹόΠϯσΟϯά͢Δͷ ͕جຊ มߋͨ͠Β௨஌ʂ DataTriggerͱConverterɺҰॹʹ࢖͏ͱ َʹۚ๮
3. σʔλόΠϯσΟϯά͸ ͬ͘͟Γ̎ύλʔϯ Ұͭͷ஋ʹରͯ͠ ίϨΫγϣϯʹରͯ͠ ࠓճ͸͚ͬͪͩ͜
4. ߹͍ݴ༿͸ ϓϩύςΟͱϓϩύςΟͰ͕ͬͪΌΜ ͜
5. σʔλόΠϯσΟϯάͱ ͸ ”σʔλ όΠϯσΟϯάͱ͸ɺΞϓϦέʔγϣ ϯͷ UI ͱϏδωε ϩδοΫΛؔ࿈෇͚Δϓ ϩηεͰ͢ɻ όΠϯσΟϯά͕ద੾ʹઃఆ͞ Ε͓ͯΓɺσʔλ͕ద੾ͳ௨஌Λఏڙ͢Δ৔ ߹ɺσʔλͷ஋͕มߋ͞ΕΔͱɺσʔλʹό Πϯυ͞Ε͍ͯΔཁૉʹͦͷมߋ͕ࣗಈతʹ ൓ө͞Ε·͢ɻ” http://msdn.microsoft.com/ja-jp/library/ms752347(v=vs.110).aspx
6. ̐ͭͷཁૉ͕Θ͔Ε͹ OK όΠϯσΟϯά͞ΕΔਓ όΠϯσΟϯά͞ΕΔ஋ όΠϯσΟϯά͢Δਓ όΠϯσΟϯά͢Δ஋
7. ̐ͭͷཁૉͷ࣮ࡍ ViewModelΫϥε ϓϩύςΟ ViewΫϥε(XAML) มԽ͍ͤͨ͞ϓϩύςΟ όΠϯσΟϯάιʔε όΠϯσΟϯάλʔήοτ όΠϯσΟϯάΦϒδΣΫτ DataContext
8. ͲΜͳϓϩύςΟಉ࢜Ͱ ΋͍͍ͩͨόΠϯυՄೳ ViewͱViewModelؒʢجຊʣ ViewͷதͷElementಉ࢜
9. όΠϯσΟϯά͍ͨ͠ਓ ͸ͨ͘͞ΜͰ΋͍͍ όΠϯσΟϯά͸ObserverύλʔϯͷҰ छ 1ͭͷόΠϯσΟϯάιʔεʹɺͨ͘͞ Μݟ͍ͯΔਓ͕͍ͯ΋͍͍
10. ૒ํ޲ͩͬͯՄೳ OneWay TwoWay OneWayToSource
11. σʔλόΠϯσΟϯά͸ ͍ͭ࢖͏ͷ͔ ViewʹσʔλΛ౉͢ͱ͖͸શ෦όΠϯ υʂ
12. ͳͥόΠϯυ͢Δͷ͔ View΁σʔλΛ౉͢ํ๏Λ؆ૉ͔ͭڧྗͳํ ๏Ͱ౷Ұ͢Δ Observerύλʔϯʹ͢Δ͜ͱͰɺσʔλͷ ιʔε͸ͲΕ͔Λ͸͖ͬΓͤ͞Δ Viewʹঢ়ଶΛ࣋ͨͤͳ͍ ·͍͍͔͋ΒҰճ࢖ͬͯΈΓΌ͋Θ͔Δʂ
13. ͜Ε͚ͩ͸๨Εͳ͍Ͱ ʮมߋͨ͠Αʂʯ͍ͬͯ͏௨஌͕ඞཁ Ͱ͢ʂ
14. ΄Β͜͜ʹ΋ ”σʔλ όΠϯσΟϯάͱ͸ɺΞϓϦέʔγϣ ϯͷ UI ͱϏδωε ϩδοΫΛؔ࿈෇͚Δϓ ϩηεͰ͢ɻ όΠϯσΟϯά͕ద੾ʹઃఆ͞ Ε͓ͯΓɺσʔλ͕ద੾ͳ௨஌Λఏڙ͢Δ৔ ߹ɺσʔλͷ஋͕มߋ͞ΕΔͱɺσʔλʹό Πϯυ͞Ε͍ͯΔཁૉʹͦͷมߋ͕ࣗಈతʹ ൓ө͞Ε·͢ɻ” http://msdn.microsoft.com/ja-jp/library/ms752347(v=vs.110).aspx
15. ϓϩύςΟͷมߋ௨஌ όΠϯσΟϯά͞ΕΔΫϥε͕ INotifyPropertyChangedΛ࣮૷͍ͯ͠ͳ ͍ͱ͍͚ͳ͍
16. େࣄͳ͜ͱͳͷͰ INotifyPropertyChanged ඞཁʂ
17. ͦͷଞͷίπ DataTriggerΛ࢖͏ͱɺ஋ͷมԽʹͨ͠ ͕ͬͯݟͨ໨Λม͑Δ͜ͱ͕Ͱ͖Δ ConverterΛ࢖͏ͱɺόΠϯσΟϯά ιʔεͷܕΛม׵͢Δ͜ͱ͕Ͱ͖Δ
18. ͜ΜͳͷΛߟ͑ͯΈΑ͏ class WeatherViewModel bool isFine; Fine Bad ·ͨ͸