Beginning Collection Views

Learn all about using collection views in iOS, starting with the basics, such as setting up a collection view in Interface Builder, and then move right through to some more advanced topics, like creating and manipulating custom cells and layouts. By Brian Moakley.

Leave a rating/review
Save for later
Comments
Share

Part 1: The Basics

01
Toggle description

What are Collection Views? Find out how Collection Views compare to their close relative, the Table View, in this introductory video.

Toggle description

Start building a new Collection View focused app from scratch! Use the UICollectionView Delegate and Data Source protocols to set up your first Collection View.

Toggle description

Start customizing the appearance and functionality of your Collection View with column numbers, cell size, spacing, and scroll direction.

Toggle description

What happens when you tap on a cell? In this challenge, implement basic cell selection using your knowledge of Table Views.

Toggle description

Add a detail view to your app. Find out how to navigate to a new view when a cell is tapped using Segues in Interface Builder.

Toggle description

In this challenge, combine the two approaches you've already learned to wrap up the cell selection functionality.

Toggle description

Find out how to add items to a data model and update a Collection View to display new cells. Bonus: Batch addition and pull-to-refresh controls!

Toggle description

Begin the process of creating an editing mode for your Collection View to allow users to remove multiple cells at once.

Toggle description

It turns out deleting cells can be quite involved! Try your hand at implementing the remaining functionality for deleting cells.

Toggle description

Take some time to clean up the user interface for your collection view for a more polished experience.

Conclusion 1:54
Toggle description

Wrap up this section by reviewing what you've learned about Collection Views, and find out what's coming up in the Section 2.

Part 2: Customization

Toggle description

In this video, get some ideas about collection view customization, and find out how we cleaned up our app from Section 1.

Toggle description

A lot has changed in the starter project in both content and code. This video will walk you through all the changes.

Toggle description

Build up a custom Collection View Cell class in an updated collection view featuring images of National Parks.

Toggle description

In this challenge you'll add a label to a custom collection view cell and populate it with Park data.

Toggle description

In this video you'll learn how to add multiple sections to the app using Section Headers to separate parks by state.

Toggle description

Customize your section headers to display more information about each section and better organize your collection view.

Toggle description

Subclass UICollectionViewFlowLayout to get custom functionality such as animating cells that are added.

Toggle description

In this challenge, you'll animate the deletion of cells on your own and get a peek at view animations, while you're here.

Toggle description

Learn about a cool property which allows you to long press on a cell in a collection view and move it around.

Conclusion 2:45
Toggle description

In this conclusion video, you'll review what you learned in this section, and get some advice about where to go next.