1. Awesome UI class ;)
UICollectionView

2. AGENDA
• Introduction
• „Big picture”
• UICollectionView architecture, data model & interaction
• FlowLayout - basic tool (but powerful)
• Live Demo
• Questions

3. Łukasz Domaradzki
Software Research Engineer @ Jeppesen Poland
contact: lukasz.domaradzki@gmail.com
www: http://about.me/lukasz.domaradzki

4. „BIG PICTURE”

8. DOYOU KNOW
OTHER APPS?

9. WHAT EXACTLY IS IT?
• UI class, similar to UITableView (not a replacement)
• very powerful (customizable)
• your UX/graphic designer will love it ;)
• available iOS 6.0+ (not only... more later)
O’rly?

10. ANATOMY
Cells
Supplementary
Views
Decoration
Views
Let’s dig inside.

11. CELLS
• No predefined styles
(like in UITableView)
• New properties - selection
& highlight
• New reuse format (improved)
[cV registerClass: ...]
[cV registerNib: ...]
[cV dequeReusableCell...]
UICollectionViewCell
Background View
Selected Background
View
Content View

12. ARCHITECTURE

13. VIEW (FLOW) LAYOUT
CSS for your UICollectionView !
UICollectionViewLayout is an abstract base class for
positioning cell views and their supplementary and decoration
views. But rather than subclass this directly, most applications
will opt to use or subclass UICollectionViewFlowLayout.
Flow layouts cover the broad class of layouts with some notion
of linearity, whether that's a single row or column or a grid.
nshipster.com

14. WHAT ABOUT IOS BELOW 6.0?
• PSTCollectionView
https://github.com/steipete/PSTCollectionView
100% API replacement, available from iOS 4.3+

15. You know what time it is?
LIVE DEMO!

16. Sources:
- WWDC2012
- Introducing CollectionViews
- Advanced CollectionViews and Building Custom
Layouts
- NSHipster.com
- RayWenderlich.com

17. Questions?
Thanks for listening.