2013-02-05 UICollectionView

iOS, Objective-C, UICollectionView

Transcript

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. DO YOU 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 Collection Views and Building Custom Layouts - NSHipster.com - RayWenderlich.com
17. Questions? Thanks for listening.