$30 off During Our Annual Pro Sale. View Details »

A lightning talk about UICollectionView

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

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

Other Decks in Programming

See All in Programming
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
730
Go コードベースの構成と AI コンテキスト定義
Avatar for ANDPAD inc andpad
0
130
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
2
220
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
250
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
110
C-Shared Buildで突破するAI Agent バックテストの壁
Avatar for po3rin po3rin
0
390
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
Avatar for Agata Naomichi agatan
2
7.3k
FluorTracer / RayTracingCamp11
Avatar for kugi kugimasa
0
230
チームをチームにするEM
Avatar for hitode909 hitode909
0
340
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
Avatar for Takashi Kanemoto ttskch
4
870
sbt 2
Avatar for kenji yoshida xuwei_k
0
300
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
440

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k

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