UICollectionView:Awesome

An overview of UICollectionView and some of the awesome things you can do with it.

Demo Code: https://github.com/followben/uicollectionview-awesome

First presented at CocoaHeads BNE on Tuesday 4th Sept, 2013.

Transcript

1. UICollectionView : A W E S O M E
2. F * C K I N G AW E S O M E - @stevestreza It’s the new UITableView - @mattt THE AWESOMEIST UI CLASS I’VE EVER SEEN - @oleb Magic. Pure Magic. - @radiantav
3. W H Y Familiar API Opinionated Flexible Powerful OOTB Row-based grids Animatable Performant
4. E A S I E R than tableviews Cell gymnastics Layout hacks 䡬 ✕ ✕ Better code
5. Better code
6. Less code
7. Maintainable code
8. A N AT O M Y of a collection view
9. A N AT O M Y of a collection view cells supplementary views
10. A N AT O M Y of a collection view cells
11. of a collection view cells A N AT O M Y supplementary views decoration views
12. of a collection view A N AT O M Y
13. A N AT O M Y UICollectionViewDataSource numberOfItemsInSection: cellForItemAtIndexPath: UICollectionViewDelegate didSelectItemAtIndexPath: shouldHighlightItemAtIndexPath: and many more…
14. A N AT O M Y UICollectionViewLayout
15. A N AT O M Y UICollectionViewLayout UICollectionViewFlowLayout
16. F L O W L AYO U T Powerful All types of grids Automatic rotation transitions Properties and delegates Designed to be subclassed
17. D E M O DEMO UICollectionView COLLECTION VIEW
18. C U S T O M F L O W L AYO U T S Even more power Tweak attributes Add new attributes Add gesture support Custom insert/ delete animation
19. D E M O DEMO UICollectionView CUSTOM FLOW LAYOUT
20. C U S T O M L AYO U T WHEN?
21. C U S T O M L AYO U T GRID
22. C U S T O M L AYO U T ROW BASED GRID
23. H O W Calculate and return content size layout attributes
24. H O W MyLayout:UICollectionViewLayout collectionViewContentSize layoutAttributesForElementsInRect: and more… layoutAttributesForItemAtIndexPath: prepareLayout invalidateLayout
25. D E M O DEMO UICollectionView CUSTOM LAYOUTS
26. T I P S Keep It Simple Performance Don’t forget Table Views PSTCollectionView Watch for bugs Check out REDACTED There’s no such thing as magic
27. @followben
28. Thanks