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
95

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
71
Xing's shareing in Evernote Taiwan Meetup
Avatar for Steven Shen syshen
0
48
簡單學會 iOS 開發
Avatar for Steven Shen syshen
3
370

Other Decks in Programming

See All in Programming
オフライン対応！Flutterアプリに全文検索エンジンを実装する @FlutterKaigi2025
Avatar for JaiChangPark itsmedreamwalker
1
110
開発生産性が組織文化になるまでの軌跡
Avatar for ふくすけ tonegawa07
0
130
Node-REDのノードの開発・活用事例とコミュニティとの関わり(Node-RED Con Nagoya 2025)
Avatar for 404background 404background
0
130
CSC509 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
280
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
Avatar for konkarin konkarin
1
150
Swift Concurrency 年表クイズ
Avatar for omochimetaru omochi
3
220
CSC509 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
170
「10分以内に機能を消せる状態」 の実現のためにやっていること
Avatar for おぎ togishima
1
260
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
Avatar for Márton Braun zsmb
0
490
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
9.4k
Nitro v3
Avatar for kazupon kazupon
2
230
問題の見方を変える「システム思考」超入門
Avatar for panda_program panda_program
0
180

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
658
61k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
11
920
Side Projects
Avatar for Sacha Greif sachag
455
43k

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