[SwiftUI]UI作成の基本(VStack,HStack,ZStack)

Transcript

1. 
   Ԭɹژฏ 4XJGU6* 6*࡞੒ͷߟ͑ํͱ࣮૷ํ๏ 
2. ΞδΣϯμ  
   ໨తͱ໨ඪ
   
   74UBDLɾ)4UBDLɾ;4UBDLͷઆ໌
   
   ϥΠϒίʔσΟϯά
   
   ίʔυͱϓϨϏϡʔ
   
   ·ͱΊ
3. 
   ໨తͱ໨ඪ  ◽
   ໨త ◽
   ໨ඪ  νʔϜ͕ྲྀಈతʹมԽͯ͠΋ɺٕज़తʹ֤νʔϜʹೃછΈ΍͘͢͢ΔͨΊ
    ੵۃతʹٕज़ΛΩϟονΞοϓ͢Δ͜ͱͰϞόΠϧΤϯδχΞશମͷٕज़ͷఈ্͛Λ͢ΔͨΊ  4XJGU6*ͷجຊͰ͋Δ74UBDLɾ)4UBDLɾ;4UBDL
   ʹ͍ͭͯཧղ͢Δ
    ը૾ͷ7JFXΛ࣮૷Ͱ͖ΔΑ͏ʹͳΔ
4. 
   74UBDLɾ)4UBDLɾ;4UBDL  ◽
   74UBDLɾ)4UBDLɾ;4UBDLͱ͸  4XJGU6*Ͱ6*Λ࣮૷͢Δ࣌ʹ࢖༻͢Δศརͳػೳ
    ཁૉΛελοΫʹੵΈॏͶΔ͚ͩͰɺ௚ײతʹ6*ΛߏஙͰ͖Δ
    74UBDLɾ)4UBDLɾ;4UBDL͸૬ޓʹωετ͢Δ͜ͱ͕Ͱ͖ɺෳࡶͳ6*ϨΠΞ΢τΛ࣮ݱͰ͖Δ 74UBDL
   ॎʹཁૉΛฒ΂Δ 7FSUJDBM
   )4UBDL
   ԣʹཁૉΛฒ΂Δ )PSJ[POUBM
   ;4UBDL
   લޙʹཁૉΛฒ΂Δ ;"YJT IUUQTCMPHEFWHFOJVTJPTUBDLTJOTXJGUVJEFDC
5. 
   74UBDLɾ)4UBDLɾ;4UBDL  ◽
   74UBDL
   
   ॎʹཁૉΛฒ΂Δ ɾ಺แ͞ΕͨཁૉΛਨ௚ํ޲ʹ
   ੵΈॏͶΔ͜ͱ͕Ͱ͖Δ
   ɾίʔυ্͕͔ΒԼʹ͍͘͝ͱʹɺ
   ্͔ΒԼ΁ͱཁૉ͕഑ஔ͞Ε͍ͯ͘
   ɾཁૉͷ௥Ճ΍࡟আʹ൐͍
   ࣗಈతʹ6*͕࠶ܭࢉ͞Εɺ
   ࠷దͳ഑ஔ͕ߦΘΕΔ ίʔυ ϓϨϏϡʔ આ໌
6. 
   74UBDLɾ)4UBDLɾ;4UBDL  ◽
   )4UBDL
   
   ԣʹཁૉΛฒ΂Δ ɾ಺แ͞ΕͨཁૉΛਫฏํ޲ʹ
   ੵΈॏͶΔ͜ͱ͕Ͱ͖Δ
   ɾίʔυ্͕͔ΒԼʹ͍͘͝ͱʹɺ
   ࠨ͔Βӈ΁ͱཁૉ͕഑ஔ͞Ε͍ͯ͘
   ɾཁૉͷ௥Ճ΍࡟আʹ൐͍
   ࣗಈతʹ6*͕࠶ܭࢉ͞Εɺ
   ࠷దͳ഑ஔ͕ߦΘΕΔ ίʔυ ϓϨϏϡʔ આ໌
7. 
   74UBDLɾ)4UBDLɾ;4UBDL  ◽
   ;4UBDL
   
   લޙʹཁૉΛฒ΂Δ ɾ಺แ͞ΕͨཁૉΛԞߦ͖ ;࣠ํ޲ ʹ
   ੵΈॏͶΔ͜ͱ͕Ͱ͖Δ
   ɾίʔυ্͕͔ΒԼʹ͍͘͝ͱʹɺ
   Ԟ͔Βखલ΁ͱཁૉ͕഑ஔ͞Ε͍ͯ͘
   ɾഎܠʹը૾Λ഑ஔ͠ɺͦͷ্ʹ
   ςΩετ΍ϘλϯΛ഑ஔ͢ΔͳͲɺ
   ࣗ༝౓ͷߴ͍σβΠϯ͕Մೳ ίʔυ ϓϨϏϡʔ આ໌
8. 
   ϥΠϒίʔσΟϯά  💡
   ࣮૷લʹͲ͏΍࣮ͬͯ૷͢Δ͔Λߟ͑Δ 74UBDL
   
   )4UBDL
   
   ;4UBDL
   ʹ͍ͭͯ֓ཁ͸
   Θ͔͚ͬͨͲ࣮ࡍʹͲ͏΍ͬͯը૾ͷΑ͏ͳ
   7JFXΛ࡞Ε͹͍͍ͷʁ
9. 
   ϥΠϒίʔσΟϯά  💡
   ϒϩοΫ͝ͱʹߟ͑ͯΈΔ )4UBDL
    74UBDL
    ;4UBDL
    ϒϩοΫ͝ͱʹ෼͚ͯߟ͑ͯΈͨΒ࣮૷ͷΠϝʔδ͕͠΍͍͢ʂ
10. 
    ϥΠϒίʔσΟϯά  💡
    ϒϩοΫ͝ͱʹߟ͑ͯΈΔ )4UBDL
     74UBDL
     ;4UBDL
    
11. 
    ϥΠϒίʔσΟϯά  ɾࠓճ͸6*ͷ࣮૷ํ๏Λཧղ͢Δ͜ͱ͕໨ඪͳͷͰɺςΩετʹ͸௚઀จࣈΛೖΕΔ
    ɾը૾ʹ͸4'4ZNCPMT͔Βద౰ͳΞΠίϯΛҾͬு͖ͬͯͯදࣔ͢Δ
    ɾQBEEJOHͳͲͷNPEJ fi FS म০ࢠ ͷઆ໌͸লུ ♦︎
    લఏ৚݅
12. 
    ϥΠϒίʔσΟϯά  💻
    ϥΠϒίʔσΟϯά͠·͢ʂ
13. 
    ίʔυͱϓϨϏϡʔ  ࠨͷίʔυͰग़དྷ্͕ΔϓϨϏϡʔ
14. 
    ·ͱΊ  74UBDL͸ ॎ ਨ௚ํ޲ ʹཁૉΛฒ΂Δ )4UBDL͸ ԣ ਫฏํ޲ ʹཁૉΛฒ΂Δ ;4UBDL͸ લޙ ;࣠ํ޲ ʹཁૉΛฒ΂Δ
15. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ