UICollectionView 基礎編

社内勉強会で使用した資料です。

Tipstar #1 UICollectionViewの基礎

Transcript

1. 6*$PMMFDUJPO7JFX
   
   جૅฤ 5JQTUBS
   /Pࣾ಺ษڧձ !UPTBLB
2. ΞδΣϯμ w 6*$PMMFDUJPO7JFXͱ͸ʁ
   w ࢓૊Έɾίϯηϓτ
   w ࣮૷
   w %FMFHBUF
   w ߋ৽ύϑΥʔϚϯε
3. 6*$PMMFDUJPO7JFX
   ͱ͸ʁ
6. "O
   PCKFDU
   UIBU
   NBOBHFT
   BO
   PSEFSFE
   DPMMFDUJPO
   PG
   EBUB
   JUFNT
   BOE
   QSFTFOUT
   UIFN
   VTJOH
   DVTUPNJ[BCMF
   MBZPVUT
7. "O
   PCKFDU
   UIBU
   NBOBHFT
   BO
   PSEFSFE
   DPMMFDUJPO
   PG
   EBUB
   JUFNT
   BOE
   QSFTFOUT
   UIFN
   VTJOH
   DVTUPNJ[BCMF
   MBZPVUT σʔλΞΠςϜͷॱং෇͚ΒΕͨίϨΫγϣϯΛ؅ཧ͠ɺ ΧελϚΠζՄೳͳϨΠΞ΢τΛ
   ࢖༻ɾදࣔ͢ΔΦϒδΣΫτɻ 
8. ͭ·ΓϦετදࣔʁ
9. ͭ·ΓϦετදࣔʁ ͋ͬͯΔ͚Ͳඍົʹҧ͏
10. -JTU
    Ͱ͸ͳ͘
    $PMMFDUJPO 6*5BCMF7JFX
    ॎܕϦετʹಛԽ
    6*$PMMFDUJPO7JFX
    ॎԣάϦουͳΜͰ΋͟͝Ε
11. )*(
    
    $PMMFDUJPOT
    
    w ඪ४ͷߦ·ͨ͸άϦουϨΠΞ΢τͰे෼ͳ৔߹͸ɺࠜ ຊతͳ৽͍͠σβΠϯΛ࡞੒͠ͳ͍
    w ςΩετͷίϨΫγϣϯͷ୅ΘΓʹςʔϒϧΛ࢖༻͢Δ͜ ͱΛݕ౼͢Δ
    w ಈతͳϨΠΞ΢τͷมߋΛ͢Δࡍ͸ؾΛ͚ͭΔ https://developer.apple.com/design/human-interface-guidelines/ios/views/collections/
12. ࢓૊Έɾίϯηϓτ
13. 8FCͷϦετදࣔ΍6*4DSPMM7JFXͱͷҧ͍ දࣔྖҬ෼ͷηϧΠϯελϯεΛੜ੒ɾϦαΠΫϧΛߦ͏
14. 8FCͷϦετදࣔ΍6*4DSPMM7JFXͱͷҧ͍ දࣔྖҬ෼ͷηϧΠϯελϯεΛੜ੒ɾϦαΠΫϧΛߦ͏ গͳ͍ϝϞϦऑ͍$16Ͱ
    ύϑΥʔϚϯεΑ͘දࣔ͢ΔͨΊʹඞཁ
15. ίϯηϓτ
    
    w -BZPVU
    w %BUB4PVSDF
    w %FMFHBUF
16. 6*$PMMFDUJPO7JFX-BZPVU
    
    w ίϯςϯπͷ഑ஔ
    w ϨΠΞ΢τؒͰͷΞχϝʔγϣϯ
    
17. 6*$PMMFDUJPO7JFX'MPX-BZPVU
    
    w 6*$PMMFDUJPO7JFX-BZPVUͷαϒΫϥε
    w 6*$PMMFDUJPO7JFX%FMFHBUF'MPX-BZPVU
    FYUFOET
    6*$PMMFDUJPO7JFX%FMFHBUF
    w ϥΠϯϕʔεͷϨΠΞ΢τ
18. 6*$PMMFDUJPO7JFX'MPX-BZPVU
    
    w 6*$PMMFDUJPO7JFX-BZPVUͷαϒΫϥε
    w 6*$PMMFDUJPO7JFX%FMFHBUF'MPX-BZPVU
    FYUFOET
    6*$PMMFDUJPO7JFX%FMFHBUF
    w ϥΠϯϕʔεͷϨΠΞ΢τ
19. 6*$PMMFDUJPO7JFX%BUB4PVSDF
    
    w ίϯςϯπͷఏڙ
    w ηΫγϣϯͱΞΠςϜͷݸ਺ఏڙ
20. 6*$PMMFDUJPO7JFX%FMFHBUF
    
    w 0QUJPOBM
    w 6*4DSPMM7JFX%FMFHBUF
    ͷαϒΫϥε
    w ͍ΖΜͳ੍ޚ
    w )JHIMJHIUJOH
    w 4FMFDUJPO
21. 6.-
    
22. 4BNQMF
    
23. 4BNQMF
    
24. 4BNQMF
    
25. 4BNQMF
    ͻͱ·ͣ͜Εॻ͍ͱΔ͚Ͳɺ
    ࣮ࡍ͜ΕͬͯͳΜͳΜͩʁ
26. 4BNQMF
    ͻͱ·ͣ͜Εॻ͍ͱΔ͚Ͳɺ
    ࣮ࡍ͜ΕͬͯͳΜͳΜͩʁ ͜Εॻ͍͚ͨͩͰͳΜͰ
    ॻ͍ͨϝιου͕࣮ߦ͞ΕΔΜͩʁ
27. %FMFHBUFҠৡ
28. %FMFHBUF
    
    େࠇఱ ୭Ͱ΋͍͍͔Β
    ଧͪग़ͷখṀΛ
    ୭͔ʹ;ͬͯ΄͍͠ͳ͊ʜʜ
29. %FMFHBUF
    
    େࠇఱ ୭Ͱ΋͍͍͔Β
    ଧͪग़ͷখṀΛ
    ୭͔ʹ;ͬͯ΄͍͠ͳ͊ʜʜ ϫΠ͕ৼΓ·͢Α ೣ
30. %FMFHBUF
    
    େࠇఱ ͋Γ͕ͱ͞Μʈʈ ೣ
31. %FMFHBUF
    
    େࠇఱ αϯΩϡͳʈʈ ཾ ϫΠ΋ৼΓ·͢Α
32. ίʔυʹͯ͠ΈΔ
    
33. ίʔυʹͯ͠ΈΔ
    1SPUPDPM ఆٛ͞ΕͨϝιουɺϓϩύςΟΛ
    ࣮૷͠ͳ͚Ε͹ͳΒͳ͍
34. ίʔυʹͯ͠ΈΔ
    େࠇఱ͸খṀ৮ΕΔ୭͔Λ͍࣋ͬͯΔ͔΋
35. ίʔυʹͯ͠ΈΔ
    ΠϯελϯεԽ
36. ίʔυʹͯ͠ΈΔ
    ೣΛେࠇఱʹ౉͠ͱ͘
37. ίʔυʹͯ͠ΈΔ
    େࠇఱ͕ৼΕͬͯݴΘΕͨͷͰʜʜ
38. ίʔυʹͯ͠ΈΔ
    େࠇఱ͸ࣗ෼ͷ͍࣋ͬͯΔ
    খṀৼΕΔ΍ͭʹৼΒͤΔ
    ʢେࠇఱ͸୭͔͸ڵຯͳ͍͠ɺ஌Βͳ͍ʣ
39. ίʔυʹͯ͠ΈΔ
    ݁Ռɺຕฦͬͯ͘Δ
40. 6*$PMMFDUJPO7JFX%FMFHBUF΋
    6*$PMMFDUJPO7JFX%BUB4PVSDF΋Ұॹ
41. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX
42. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX ͓͍ɺ6*$PMMFDUJPO7JFX
    Ϧϩʔυͯ͘͠Ε
    SFMPBE%BUB
    
43. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ
44. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX Μʔʜʜ̐̌ݸͰ͢ ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ
45. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX Μʔʜʜ̐̌ݸͰ͢ ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ
46. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX Μʔʜʜ̐̌ݸͰ͢ ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ ͜Ε΍Μʂ
47. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX 0,Ͱ͢ɻ
    ϨΠΞ΢τ։࢝͠·͢Ͷɻ
    ʜʜݸ໨ͷ$FMMͷαΠζ͍ͩ͘͞ɻ ͸͍ɻ
48. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX Μʔʜʜ̐̌ݸͰ͢ ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ ͜Ε΍Μʂ
49. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX 0,Ͱ͢ɻ
    ಡΈࠐΈ·͢Ͷɻ
    ʜʜݸ໨ͷ$FMM͍ͩ͘͞ɻ ͸͍ɻ
50. %FMFHBUF
    
    6*7JFX$POUSPMMFS͘Μ 6*$PMMFDUJPO7JFX Μʔʜʜ̐̌ݸͰ͢ ྃղͰ͢ʜʜɻ
    දࣔ͢ΔΞΠςϜͷ਺͸ԿݸͰ͔͢ʁ ͜Ε΍Μʂ
51. ͭ·Γʜʜ
    6*$PMMFDUJPO7JFXͷඳըϥΠϑαΠΫϧʹ߹Θͤͯɺ
    Ҡৡ͍ͯ͠Δ%FMFHBUF͔ΒσʔλΛ΋Β͏ͨΊɺ
    ϝιουΛୟ͍͍ͯΔɻ
52. ͜ΕͰ%FMFHBUF͸׬ᘳʂ
53. ύϑΥʔϚϯε
54. 4BNQMF
    
55. 4BNQMF
    ҉໧తʹSFMPBE%BUB
    Λߦ͍ͬͯ·͕͢ʜ
    ΄Μͱʹશ෦Ϧϩʔυ͍͍ͯ͠ͷ͔ʁ
56. SFMPBE%BUB ͷੑ࣭ w શ෦ಡΈࠐΈ
    w ύϑΥʔϚϯεѱ͍
    w Ξχϝʔγϣϯ͠ͳ͍
57. ࠩ෼ߋ৽͠·͠ΐ͏ʂ
58. ࠩ෼ߋ৽"1* ·ͱΊͯߋ৽΋Ͱ͖·͢
59. ஫ҙ w QFSGPSN#BUDI6QEBUF͸Ϋϩʔδϟͷهड़ॱʹؔΘΒ ͣɺEFMFUF
    ˠ
    JOTFSU
    ʹͳΔɻ
    w EFMFUF*UFNT
    w ߋ৽͕૸Δલͷ*OEFY1BUIΛݩʹ߱ॱ
    w JOTFSU*UFNT
    w ࡟আ͕࣮ߦ͞Εͨ͋ͱͷ*OEFY1BUIΛݩʹঢॱ
60. ஫ҙ w %FMFUFͱ*OTFSUΛͦΕͧΕશͯूΊΔ
    w %FMFUFΛ࠷ॳʹ߱ॱͰߦ͏
    w *OTFSU͸࠷ޙʹঢॱͰߦ͏
61. Ͱ΋ࠩ෼ͷܭࢉͬͯ໘౗ʂ
62. J04
     6*$PMMFDUJPO7JFX%J⒎BCMF%BUB4PVSDF
63. ͋Γ͕ͱ͏͍͟͝·ͨ͠
64. ࢀߟʹͳͬͨαΠτ https://qiita.com/shiz/items/0e363219a0151d790d03 https://dev.classmethod.jp/smartphone/ios-10-uicollectionview-pre-fetching/ https://www.bignerdranch.com/blog/custom-collection-view-layouts-with-tvos-part-1/