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

A lightning talk about UICollectionView

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Steven Shen Steven Shen
December 13, 2012
Programming
1
98

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
960
From Taiwan to Silicon Valley
Avatar for Steven Shen syshen
0
74
Xing's shareing in Evernote Taiwan Meetup
Avatar for Steven Shen syshen
0
50
簡單學會 iOS 開發
Avatar for Steven Shen syshen
3
370

Other Decks in Programming

See All in Programming
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
180
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
380
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
160
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
440
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
210
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
220
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
6
1.8k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
190
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
89
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
46
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
820
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k

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