WPF勉強会 第1回 動的レイアウト/WPFStudy1

WPF勉強会 第1回 動的レイアウト。

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

Transcript

1. WPFษڧձ ୈ1ճ ಈతϨΠΞ΢τ
2. ࠓ೔֮͑ͯ΄͍͜͠ͱ ͱʹ͔͘ύωϧʹԡ͠ࠐΉͷͩ υϥοάͰ഑ஔ͠ͳ͍ʂ “Auto”ͱ”*”ͷҧ͍Λ֮͑Α͏ ͍͍ͩͨAutoͱStretchͰͳΜͱ͔ͳΔ
3. WPFͷ഑ஔ XɺY͸ଘࡏ͠ͳ͍ ઈର࠲ඪࢦఆ͡Όͳ͍ ૬ର࠲ඪʹ͢Δ͜ͱͰಈతͳϨΠΞ΢ τʹ͢Δ
4. ߹͍ݴ༿͸ ͡ΌͿ͡ΌͿύωϧΛ࢖͏ͷͩʂ
5. ύωϧίϯτϩʔϧͷछ ྨ Grid DockPanel WrapPanel StackPanel UniformGrid Canvas
6. Α͘࢖͏ͷ͸ Grid …… ൚༻త StackPanel …… ͨͩฒ΂͍ͨͱ͖͸͍ ͭͰ΋࢖͑Δ DockPanel …… VisualStudioతͳʢ࢒Γ ͷྖҬશ෦ͱ͔ʣ
7. GridͷAutoͱ* Auto͸ʮࢠཁૉͷେ͖͞ʹ߹ΘͤΔʯ *͸ʮൺ཰ʯɻ”*”͸”1*”ͷҙຯɻ *Λ̍Χॴ͚ͩʹ࢖͏ͱɺʮ࢒Γશ ෦ʯͷҙຯʹͳΔ
8. *Λෳ਺ࢦఆ͢Δ ߦɺྻͷେ͖͞Λ౳෼͢Δ 1* 1* 2* 1* 200 300
9. *Λ1͚ͭͩࢦఆ͢Δ ࢒͍ͬͯΔ෦෼Λશ෦઎ΊΔ 100 100 250 * 200 300
10. ͡Ό͋͜Ε͸ʁ 100 100 Auto * TextBox 200 300
11. StackPanel ͨͩίϯτϩʔϧΛฒ΂͍ͨͱ͖ʹ ్தͷͲΕ͔ͷίϯτϩʔϧΛVisibilityΛ Collapsedʹ͢Δͱɺࣗಈతʹ٧·Δ Button1 Button2 Button3 Auto Auto
12. ίϯτϩʔϧ഑ஔͷίπ 1 υϥοάͰ഑ஔ͠ͳ͍ʂ มͳMargin͕͍ͭͪΌ͏͔Β μϒϧΫϦοΫͰ഑ஔΛਪ঑ ·ͣMargin͕0͔Λ֬ೝ͢Δ ύωϧʹύωϧΛೖΕͯશવOK!
13. ίϯτϩʔϧ഑ஔͷίπ 2 Width, Height͸Auto͕جຊ ࢠଙͷཁૉͷͲΕ͔͕۩ମతͳαΠζΛ͍࣋ͬͯΕ ͹ͦΕΛج४ʹେ͖͞͸ܾ·Δ ͍͍ͨͯ͸ςΩετϘοΫε͕۩ମతͳαΠζΛ ͍࣋ͬͯΔʢϑΥϯταΠζ͕ܾ·͍ͬͯΔ͔Βʣ Alignment͸Stretch͕جຊ ύωϧʹ໨ҰഋுΓ෇͔ͤΔ
14. ͱ͍͏͜ͱͰ ͋ͱ͸࣮ફ͋ΔͷΈʂ