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
87

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

Other Decks in Programming

See All in Programming
The Missing Link in Angular’s Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
Boost Your Performance and Developer Productivity with Jakarta EE 11
Avatar for ivargrimstad ivargrimstad
0
810
状態と共に暮らす：ステートフルへの挑戦
Avatar for ypresto ypresto
3
1.2k
実践Webフロントパフォーマンスチューニング
Avatar for しーぴー cp20
45
10k
ASP.NETアプリケーションのモダナイゼーションについて
Avatar for tomokusaba tomokusaba
0
260
生成AIで知るお願いの仕方の難しさ
Avatar for uutan1108 ohmori_yusuke
1
110
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
Avatar for Kotaro Kamashima kotaro666
0
110
Cursorを活用したAIプログラミングについて 入門
Avatar for 株式会社レクト rect
0
170
Bedrock×MCPで社内ブログ執筆文化を育てたい！
Avatar for Har1101 har1101
7
1.5k
Amazon CloudWatchの地味だけど強力な機能紹介！
Avatar for Tsuyoshi Ito itotsum
0
240
eBPF超入門「o11yに使える」とは (20250424_eBPF_o11y)
Avatar for Koki Senda thousanda
1
110
UMAPをざっくりと理解 / Overview of UMAP
Avatar for kaityo256 kaityo256
PRO
3
1.5k

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.6k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
38
1.7k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
276
23k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.7k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k

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