Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A lightning talk about UICollectionView

Avatar for Steven Shen Steven Shen
December 13, 2012
Programming
1
93

A lightning talk about UICollectionView

Avatar for Steven Shen

Steven Shen

December 13, 2012
Tweet

More Decks by Steven Shen

See All by Steven Shen
Travis and Fastlane
Avatar for Steven Shen syshen
3
950
From Taiwan to Silicon Valley
Avatar for Steven Shen syshen
0
70
Xing's shareing in Evernote Taiwan Meetup
Avatar for Steven Shen syshen
0
46
簡單學會 iOS 開發
Avatar for Steven Shen syshen
3
370

Other Decks in Programming

See All in Programming
なぜあなたのオブザーバビリティ導入は頓挫するのか
Avatar for ryotaro kobayashi ryota_hnk
0
350
中級グラフィックス入門～効率的なメッシュレット描画～
Avatar for Pocol projectasura
2
1.2k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
780
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
Avatar for shin1x1 shin1x1
1
240
状態遷移図を書こう / Sequence Chart vs State Diagram
Avatar for Kuniwak orgachem
PRO
2
250
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
Avatar for yoshiyoshifujii yoshiyoshifujii
4
580
フロントエンドのパフォーマンスチューニング
Avatar for kouki.miura koukimiura
6
2.3k
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
560
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
870
コーディングエージェント概観(2025/07)
Avatar for Itsuki itsuki_t88
0
130
TypeScriptでDXを上げろ！ Hono編
Avatar for Yusuke Wada yusukebe
3
860
Gemini CLIの"強み"を知る！ Gemini CLIとClaude Codeを比較してみた！
Avatar for Kota Hisafuru kotahisafuru
2
140

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
108
19k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
990
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k

Transcript

  1. Friday, December 14, 12

  2. Auto-Layout Friday, December 14, 12

  3. Auto-Layout UILabel Attributed String Friday, December 14, 12

  4. Auto-Layout UILabel Attributed String UICollectionView Friday, December 14, 12

  5. Friday, December 14, 12

  6. Friday, December 14, 12

  7. Cell Friday, December 14, 12

  8. Cell Layout Friday, December 14, 12

  9. Cell Header Layout Friday, December 14, 12

  10. Cell Header Decoration Layout Friday, December 14, 12

  11. UICollectionView UICollectionViewLayout UICollectionViewCell Friday, December 14, 12

  12. Friday, December 14, 12

  13. • registerClass:forCellWithReuseIdentifier: • registerNib:forCellWithReuseIdentifier: • registerClass:forSupplementaryViewOfKind:withR euseIdentifier: • registerNib:forSupplementaryViewOfKind:withRe useIdentifier:

    Friday, December 14, 12

  14. UICollectionViewCell *cell = [collectionView dequeueReusableCellWithIdentifier:identifier]; if (!cell) { cell =

    [[UICollectionViewCell alloc] init]; } Friday, December 14, 12

  15. UICollectionViewCell *cell = [collectionView dequeueReusableCellWithIdentifier:identifier]; if (!cell) { cell =

    [[UICollectionViewCell alloc] init]; } UICollectionViewCell *cell = [collectionView dequeueReusableCellWithIdentifier:identifier forIndexPath:indexPath]; Friday, December 14, 12

  16. Friday, December 14, 12

  17. Friday, December 14, 12

  18. • UICollectionViewFlowLayout is powerful but limited • Fixed direction: horizontal

    or vertical Friday, December 14, 12

  19. Create New Layout Friday, December 14, 12

  20. Order of Operations - prepareLayout - collectionViewContentSize - layoutAttributesForElementsInRect Friday,

    December 14, 12

  21. Friday, December 14, 12

  22. Friday, December 14, 12

  23. Friday, December 14, 12

  24. Friday, December 14, 12

  25. Friday, December 14, 12

  26. Friday, December 14, 12

  27. Friday, December 14, 12

  28. Friday, December 14, 12

  29. • https://github.com/syshen/YACV • WWDC 2012 UICollectionView related sessions • https://github.com/mpospese/

    IntroducingCollectionViews Friday, December 14, 12

  30. Friday, December 14, 12