Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UICollectionView

Ash Furrow
December 21, 2013

 UICollectionView

Talk I did for TACOW on the basics of UICollectionView.

Ash Furrow

December 21, 2013
Tweet

More Decks by Ash Furrow

Other Decks in Technology

Transcript

  1. UICollectionView
    Ash Furrow, Teehan+Lax

    View Slide

  2. View Slide

  3. 1.UICollectionView is just like UITableView
    2.UICollectionView separates layout from display
    3.UICollectionView makes complex layouts easy

    View Slide

  4. UICollectionView is just like UITableView...
    !
    Except a little different.

    View Slide

  5. UITableView
    • UITableView is one of the mainstays of iOS
    • UICollectionView will be one for iOS 7

    View Slide

  6. Dequeuing Cells
    • UICollectionView works just like newer
    UITableView APIs
    • Register a class for a cell identifier
    • Later, dequeue a cell of that class for that
    identifier

    View Slide

  7. Demo

    View Slide

  8. UICollectionViewFlowLayoutDelegate
    • UICollectionView queries its delegate for info
    • Used to layout cells
    • Just like UITableViewDelegate

    View Slide

  9. Demo

    View Slide

  10. UICollectionView separates concerns.
    !
    Layout, dequeuing, display

    View Slide

  11. UICollectionView Layouts
    • UICollectionView separates layout from
    dequeuing logic
    • UITableView encapsulates both
    • Allows us to easily customize layout of cells

    View Slide

  12. Demo

    View Slide

  13. Custom Layout Attributes
    • We can even define our own layout attributes

    View Slide

  14. Demo

    View Slide

  15. UICollectionView makes complex layouts easy...
    !
    Or at least possible.

    View Slide

  16. UICollectionViewFlowLayout
    • Flow layouts provide a lot for you
    • Always try customizing them first

    View Slide

  17. UICollectionViewLayout
    • UICollectionViewLayout is an abstract class
    • Subclass it to go Hands On™
    • Makes complex layouts easy

    View Slide

  18. Demo

    View Slide

  19. 1.UICollectionView is just like UITableView
    2.UICollectionView separates layout from display
    3.UICollectionView makes complex layouts easy

    View Slide

  20. View Slide

  21. Go buy my book

    View Slide

  22. Ash Furrow
    @ashfurrow
    Thanks!

    View Slide