Beginning Collection Views

Sep 11 2018 · Beginner · Video Course · 2 hrs, 14 mins

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.

Version

  • Swift 4, iOS 12, Xcode 10

The Basics

Introduction

4:48 Free

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

1

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.

2

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

3

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

4

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.

5

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

6

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!

7

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

8

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

9

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

10

Conclusion

1:54

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

11

Customization

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

12

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

13

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

14

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

15

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

16

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

17

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

18

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

19

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

20

Conclusion

2:45

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

21

Contributors

Comments