2013-02-05 UICollectionView
-
Upload
cocoaheads-tricity -
Category
Technology
-
view
544 -
download
3
description
Transcript of 2013-02-05 UICollectionView
![Page 1: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/1.jpg)
Awesome UI class ;)UICollectionView
![Page 2: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/2.jpg)
AGENDA
• Introduction
• „Big picture”
• UICollectionView architecture, data model & interaction
• FlowLayout - basic tool (but powerful)
• Live Demo
• Questions
![Page 3: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/3.jpg)
Łukasz DomaradzkiSoftware Research Engineer @ Jeppesen Polandcontact: [email protected]: http://about.me/lukasz.domaradzki
![Page 4: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/4.jpg)
„BIG PICTURE”
![Page 5: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/5.jpg)
![Page 6: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/6.jpg)
![Page 7: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/7.jpg)
![Page 8: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/8.jpg)
DO YOU KNOW OTHER APPS?
![Page 9: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/9.jpg)
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?
![Page 10: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/10.jpg)
ANATOMY
CellsSupplementary
Views
DecorationViews
Let’s dig inside.
![Page 11: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/11.jpg)
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
![Page 12: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/12.jpg)
ARCHITECTURE
![Page 13: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/13.jpg)
VIEW (FLOW) LAYOUTCSS 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
![Page 14: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/14.jpg)
WHAT ABOUT IOS BELOW 6.0?
• PSTCollectionViewhttps://github.com/steipete/PSTCollectionView100% API replacement, available from iOS 4.3+
![Page 15: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/15.jpg)
You know what time it is?
LIVE DEMO!
![Page 16: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/16.jpg)
Sources:- WWDC2012
- Introducing CollectionViews- Advanced Collection Views and Building Custom Layouts
- NSHipster.com- RayWenderlich.com
![Page 17: 2013-02-05 UICollectionView](https://reader033.fdocuments.in/reader033/viewer/2022051818/54b74f454a795967588b45f7/html5/thumbnails/17.jpg)
Questions?Thanks for listening.