GeometryReader - SwiftUI

札幌iPhone開発懇談会 2025年10月勉強会資料

SwiftUI つかって2019年にアプリを使った男が2015年にSwiftUIアプリに戻ってきたが、実際SwiftUIに進展があったのかを検証するプレゼンテーション。

Transcript

1. (FPNFUSZ3FBEFS
   
   4XJGU6* 4XJGU6*
   ʹؼ͖ͬͯͨஉ ೳొ
   ཁ !OPUPSPJE
   
   J1IPOFΞϓϦ։ൃऀ
   ೥݄೔
2. ࿩͢಺༰ w (FPNFUSZ3FBEFSެ։͔ΒݱࡏͷܦҢ
   w (FPNFUSZ3FBEFSͷαϯϓϧίʔυ
   w 4XJGU6*ͱ"*ͷ૬ੑ
3. ࿩͞ͳ͍಺༰ w .$1Λ࢖ͬͨΞϓϦ։ൃ
4. ͓୊໨ w 4XJGU6*
   ΛৼΓฦΔ
   w (FPNFUSZ3FBEFS
   ͷྺ࢙
   w (FPNFUSZ3FBEFS
   ͷαϯϓϧ
   w "*ʹΑΔ4XJGU6*
   ίʔυੜ੒ͷԘക
5. ࣗݾ঺հ w J1IPOFΞϓϦ։ൃऀ
   9
   !OPUPSPJE
   w ΞϓϦ։ൃऀྺ ʙ
   w ΞϓϦ࡞࢛ͬͯ൒ੈل 8JOEPXTΞϓϦʙJ04
   w झຯ͸ήʔϜ ൓ࣹਆܦ͕ਰ͑ͱ໨ͷർΕ͕ൈ͚ͳ͍
6. ࠷ۙͷ.BD
   4UVEJPಈ޲ᶃ
7. w ຊମҎ֎͕ἧ͏
   w 4UVEJP
   %JTQMBZ
   w ֎෦44% 5#
   w ؂ࢹ༻Ϟχλʔ
   w ߴ͍έʔϒϧ 5IVOEFSCPMU 
   w 1BSBMMFMT
   ಋೖ
   w NBD04
   Λෳ਺ಈ͔͢༧ఆ .BD
   4UVEJP
   
8. 4XJGU6*
   ΛৼΓฦΔ
9. ࢲ͝ͱͰ͕͢࠷ۙ
10. 4XJGU6*
    ։ൃ࠶։͠·ͨ͠ɻ
    ೥ͿΓճ໨
11. 88%$ൃදͷ4XJGU6*
    ʹر๬Λݟग़͠
    ΞϓϦ։ൃ͢Δ΋ॾʑෆ଍
12. 4XJGU6*
    ʹඈͼ͍ͭͨஉ 88%$ͷ4XJGU6*Λࢧ͑Δٕज़ͷؒʹ߹Θͤײ w 0CTFSWFSػೳ͕$PNCJOF
    GSBNFXPSLΛ࠾༻ͨؒ͠ʹ߹ͤ
    w 4XJGU6*ͷ؊Ͱ͋Δ6*ߋ৽ͷͨΊͷσʔλڙڅઌ͸0CTFSWBCMF0CKFDU೿ੜΫϥ εݶఆ ੍໿ଟ͠
    w BTZODBXBJUBDUPS
    ొ৔લ
    w ඇಉظॲཧΛ؆ܿʹهड़Ͱ͖ͳ͍
    w ΫϦʔϯΞʔΩςΫνϟʔͳͲߟྀ͠ͳ͍ Ͱ͖ͳ͍ ࢓༷
    w 0CTFSWFSػೳΛ༗ޮʹ͢ΔͷʹΞΫηε੍ݶ͕Ͱ͖ͳ͍
13. ެ։౰ॳ͔Β৭ʑෆ଍ΛݴΘΕͯॾܑ͕ɺ
    ಋೖʹ᪳᪯͢Δͳ͔ɺ4XJGU6*
    Λ࢖࣮ͬͯ૷
14. ݁ՌɺΞϓϦ͸࣮ݱͰ͖͕ͨத਎͸
    όουϓϥΫςΟεͩΒ͚ɻ
    ιʔείʔυ͸ϝϯςφϯεෆೳʹ
15. ೥͔Β೥Λ͔͚ͯ
    4XJGU6*Λࢧ͑Δٕज़͸Ͳ͏ͳ͔ͬͨ
16. 4XJGU6*
    ೥ 88%$·Ͱʹࢧ͑Δٕज़͸ิڧͱஔ͖׵͑ w 0CTFSWFSػೳͷվળ
    w 0CTFSWBUJPO
    'SBNFXPSLΛ࣮ݱ͢ΔͨΊͷ4XJGU.BDSPT͕ಋೖɺ$PNCJOF
    GSBNFXPSL΋Ҿ͖ଓ͖ར༻Մೳɺ$PNCJOF
    ʙΛੵۃతʹબͿཧ༝͸ͳ͍
    w BTZODBXBJUBDUPS
    ొ৔
    w 4XJGU6*্ͰඇಉظॲཧΛεϚʔτʹهड़Ͱ͖Δ͸ͣ ਖ਼͍͠ॲཧΛهड़͢Δʹ͸։ ൃऀʹΑΔ
    w 4XJGU
    
    
    9DPEF
    ͔Β4XJGU6*Ͱසൟʹ࢖ΘΕΔ!4UBUFͰ΋
    QSJWBUF TFU
    ࢦఆ Մೳʹ4XJGU6*Β͍͠هड़ͰҰํ޲ͷߋ৽ΛࢦఆՄೳʹ
17. ೥ʹൺ΂ͯ4XJGU6*Λ
    ࢧ͑Δٕज़͸վળ͞Ε͍ͯΔ
18. 4XJGU6* 4XJGU6*
     4XJGU6*
     4XJGU 4XJGU BTZODBXBJUBDUPS
    QSJWBUF TFU
    4XJGU
    NBDSP
    $PNCJOF
    GSBNFXPSL 0CTFSWBUJPO
    GSBNFXPSL
19. ࢧ͑Δٕज़͸ྑ͍ͱͯ͠
    4XJGU6*ࣗମ͸ྑ͍Ԙകͳͷ͔
20. ࢧ͑Δٕज़͸ྑ͍ͱͯ͠
    4XJGU6*ࣗମ͸ྑ͍Ԙകͳͷ͔
21. 4XJGU6*
    ͷվળ͸ਤΒΕ͍ͯΔͷ ͔ࠓճ֬ೝ͍͖͍ͯͨ͠ɻ
22. 4XJGU6*શମΛऔΓ্͛Δͱ๲େͳͷͰɺ
    Կ͔͠ΒͷػೳʹߜͬͯϕϯνϚʔΫͱ͍ͨ͠
23. ͦ͜Ͱొ৔͢Δͷ͕ (FPNFUSZ3FBEFS
24. ғΜͩൣғͷ7JFXͷมԽΛݕ஌͢Δ w ॆిใࠂ͞Μ
    w ͭͷόοςϦʔදࣔߴ͞Λಘ ΔͨΊʹ࢖༻ (FPNFUSZ3FBEFS var body: some View { ZStack { Rectangle().fill(Color.clear) if self.rootState.batteries[index].level.count > 0 { GeometryReader { geometry in VStack { Spacer() self.batteryLevelView(levelDisplayStyle: self.rootState.repository.levelDisplayStyle, geometryProxy: geometry) Spacer() } } } /// লུ } }
25. (FPNFUSZ3FBEFS
    ͷྺ࢙
26. (FPNFUSZ3FBEFS
    ͷྺ࢙ ॳظϦϦʔε
    ʙ
    88%$ w88%$
     J04
     
    4XJGU6*ॳొ৔
    w4XJGU6*ͱ(FPNFUSZ3FBEFS͕ॳΊͯಋೖɻ1SFGFSFODF,FZͷ૊Έ߹ΘͤͰߋ৽Մೳ
    w88%$
     J04
    
    w(FPNFUSZ3FBEFS
    ͱPO$IBOHF
    ͷ૊Έ߹ΘͤΛ࢖͏͜ͱͰ1SFGFSFODF,FZ͕ෆཁʹ
    w88%$
     J04
    
    wେ͖ͳมߋͳ͠
    w88%$
     J04
    
    w-BZPVUϓϩτίϧಋೖͰΧελϜϨΠΞ΢τͷ୅ସखஈ͕ఏڙ
    w88%$
     J04
    
    w4DSPMM7JFX಺ͰͷδΦϝτϦ৘ใऔಘ͕վળ TDSPMM1PTJUJPOͳͲͷ৽͍͠"1*
    w88%$
     J04
    
    w<ॏཁ>
    PO(FPNFUSZ$IBOHFϞσΟϑΝΠΞ͕௥Ճ
27. (FPNFUSZ3FBEFS
    ͷྺ࢙ ॳظϦϦʔε
    ʙ
    88%$ w88%$
     J04
     
    4XJGU6*ॳొ৔
    w4XJGU6*ͱ(FPNFUSZ3FBEFS͕ॳΊͯಋೖɻ1SFGFSFODF,FZͷ૊Έ߹ΘͤͰߋ৽Մೳ
    w88%$
     J04
    
    w(FPNFUSZ3FBEFS
    ͱPO$IBOHF
    ͷ૊Έ߹ΘͤΛ࢖͏͜ͱͰ1SFGFSFODF,FZ͕ෆཁʹ
    w88%$
     J04
    
    wେ͖ͳมߋͳ͠
    w88%$
     J04
    
    w-BZPVUϓϩτίϧಋೖͰΧελϜϨΠΞ΢τͷ୅ସखஈ͕ఏڙ
    w88%$
     J04
    
    w4DSPMM7JFX಺ͰͷδΦϝτϦ৘ใऔಘ͕վળ TDSPMM1PTJUJPOͳͲͷ৽͍͠"1*
    w88%$
     J04
    
    w<ॏཁ>
    PO(FPNFUSZ$IBOHFϞσΟϑΝΠΞ͕௥Ճ -B[Z74UBDL-B[Z)4UBDL͕ಋೖ (FPNFUSZ3FBEFSͱͷ૊Έ߹ΘͤͰॳظ ͷϨΠΞ΢τ໰୊͕ݦࡏԽ ίϛϡχςΟͰ(FPNFUSZ3FBEFS
    
    -B[Z74UBDLͷ ໰୊ճආύλʔϯཱ͕֬ (FPNFUSZ3FBEFSͳ͠ͰαΠ ζɾҐஔ৘ใΛऔಘՄೳʹ
    J04Ҏલʹ΋όοΫϙʔτ
28. ೥ʹొ৔ͨ͠(FPNFUSZ3FBEFS͕
    ೥ޙ ೥ ʹ͸ࠩ͠ସ͑ʹ
29. (FPNFUSZ3FBEFS
    ͷίετ Ϗϧυ΋஗͍࣮͠ߦ࣌΋ߋ৽Πϕϯτଟൃ struct ContentView: View { var body: some View { GeometryReader { geometry in VStack { Text("Width: \(geometry.size.width)") Text("Height: \(geometry.size.height)") } .frame(width: geometry.size.width, height: geometry.size.height) } } } (FPNFUSZ3FBEFS
    ΋7JFXͷ೿ੜΫϥεͳ ͷͰ4XJGUݴޠͷHFOFSJDΛؚΜͩϏϧυ ͕ൃੜ HFPNFUSZͷߋ৽ͷͨͼʹɺಉ֊૚ͷ 7JFX΋ר͖ࠐΜͰߋ৽ൃੜ
30. PO(FPNFUSZ$IBOHF
    
    J04 .PEJ fi FSͱͯ͠ӨڹΛݮΒ͢ɺΠϕϯτ؂ࢹઌͱมߋΞΫγϣϯΛ෼͚Δඞཁ͋Γ Color.clear .frame(height: 1) .onGeometryChange(for: CGFloat.self) { proxy in proxy.frame(in: .global).minY } action: { newMinY in withAnimation(.easeInOut(duration: 0.15)) { print("newValue=\(newMinY)") isCollapsed = newMinY < 100 } } (FPNFUSZ1SPYZ
    ͔Β؂ࢹ͢Δ஋ΛಘΔ BBDUJPO
    Ͱ৽͍͠஋ΛಘΔ
31. ొ৔࣌4XJGU6*
    Λࢧ͑Δٕज़͸ɺ
    ͔ͳΓෆ଍ͩͬͨͷͰ͸
32. ൃද͔Β೥ʹͯ͠4XJGU6*͸ɺ
    ϨΨγʔίʔυͱαϯϓϧίʔυ͕
    ࢃ͖ࢄΒ͞Εͨঢ়ଶʹͳ͍ͬͯΔ
33. (FPNFUSZ3FBEFSͷ
    αϯϓϧίʔυ
34. HJUIVCDPNOPUPSPJE(FPNFUPSZ3FBEFS4BNQMF w 4DSPMMͷ5PQʹؚ·Ε͍ͯΔ 5PHHMFϘλϯΛ/BWJHBUJPO
    ʹຒ ΊࠐΉαϯϓϧ
    w PO(FPNFUSZ$IBOHF
    Ϟσϑ ΝΠΞΛ࢖༻
    w ίϝϯτΞ΢τʹJ04·Ͱͷ هड़ྫΛهड़ αϯϓϧίʔυ
35. "* DMBVEF
    DPEF ͱ
    4XJGU6*
    ͷ૊Έ߹Θͤʹ͍ͭͯ
36. 4XJGU6*
    Ͱ͸ϓϩϯϓτʹ஫ҙͤΑ ෳ਺ఏҊͷࢦ͕ࣔඞਢ OPU
    .$1ͷ৔߹ w ೥ʹ੝Γ্͕ͬͨ4XJGU6*ͷٕज़#MPHΛ"*ֶ͕श͍ͯ͠Δ
    w ೥ͷ4XJGU6*ͷෆຬΛิ͏ͨΊͷόουϊ΢ϋ΢΋#MPHʹهࡌ
    w ೥Ҏ߱͸4XJGU6*ͷ৽ػೳʹ͍ͭͯͷهࣄ͸ͦΕ΄ͲͰ͸ͳ͍
    w "*ʹఆ൪ͷίʔυΛཁٻ͢Δͱ೥͔Β਺೥ͷίʔυ͕ग़ͯ͘Δ
    w ஗Ԇߋ৽ -B[Z74UBDL -B[Z)4UBDL ͳͲʹޙൃػೳͰෆ۩߹͕ى͖Δ
37. αϯϓϧίʔυ಺σʔλ΍ɺ 3&"%.&NE
    ͸"*ʹ͓ئ͍͢Δͱศར
38. "*ʹ4XJGU6*
    ίʔυΛఏҊͤ͞Δ ࡍ͸ෳ਺ީิ͔Βۛຯ͕ඞཁ
39. ·ͱΊ w͸͔ͣ͠ͳ͕Β4XJGU6*ʹ໭͖ͬͯ·ͨ͠
    w4XJGU6*Λࢧ͑Δٕज़͸͋Δఔ౓ॆ࣮͍ͯ͠·͢
    w4XJGU6*ࣗମ͸଎౓վળͳͲʹΑΓॳظΑΓ࣮ફతͳ࢟ʹͳ͍ͬͯ·͢
    w4XJGU6*ͷίʔυҎ֎ͷΫϥογϡ͸૬มΘΒͣͰ͢
    w"*͸ٕज़#MPHͷهࣄͰਓؾͩͬͨ͜Ζͷ4XJGU6*ͷίʔυΛճ౴͠·͢
    w"*ʹ͸4XJGU6*
    ʹॻ͔ͤΔϓϩϯϓτ͸ෳ਺બ୒ࢶͷఏҊΛؚΊ·͠ΐ ͏
    wίʔυҎ֎ͷࡶ຿Λ"*ʹ೚ͤΔͷ͸͋ΓͰ͢
40. w PO(FPNFUSZ$IBOHF GPSPGBDUJP O
    c
    "QQMF
    %FWFMPQFS
    %PDVNFOUBUJPO
    w IUUQTEFWFMPQFSBQQMFDPN EPDVNFOUBUJPOTXJGUVJWJFX POHFPNFUSZDIBOHF GPSPGBDUJ PO
    w 4XJGU6*Ή͚ʹ
    ੔ཧ͞Εͨঢ়ଶ؂ࢹ
    0CTFSWBUJPO
    
    4QFBLFS
    %FDL
    w IUUQTTQFBLFSEFDLDPN OPUPSPJETXJGUVJNVLFOJ [IFOHMJTBSFUB[IVBOHUBJKJBO TIJPCTFSWBUJPO
    w Αͤ͋ͭΊ4XJGU
    
    4XJGU
    
    4QFBLFS
    %FDL
    w IUUQTTQFBLFSEFDLDPN OPUPSPJEZPTFBUVNFTXJGU TXJGUEPU ࢀߟ OPUPSPJE
    
    4QFBLFS
    %FDL