Beginning Collection Views
Sep 11 2018 · Video Course (2 hrs, 14 mins) · Beginner
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.
5/5Version
- Swift 4, iOS 12, Xcode 10
The Basics
What are Collection Views? Find out how Collection Views compare to their close relative, the Table View, in this introductory video.
1Getting Started
11:13Start building a new Collection View focused app from scratch! Use the UICollectionView Delegate and Data Source protocols to set up your first Collection View.
2Start customizing the appearance and functionality of your Collection View with column numbers, cell size, spacing, and scroll direction.
3What happens when you tap on a cell? In this challenge, implement basic cell selection using your knowledge of Table Views.
4Add 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.
5In this challenge, combine the two approaches you've already learned to wrap up the cell selection functionality.
6Inserting Cells
7:24Find 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!
7Deleting Cells
11:31Begin the process of creating an editing mode for your Collection View to allow users to remove multiple cells at once.
8It turns out deleting cells can be quite involved! Try your hand at implementing the remaining functionality for deleting cells.
9Cleaning up the UI
9:07Take some time to clean up the user interface for your collection view for a more polished experience.
10Conclusion
1:54Wrap up this section by reviewing what you've learned about Collection Views, and find out what's coming up in the Section 2.
11Customization
Introduction
2:59In this video, get some ideas about collection view customization, and find out how we cleaned up our app from Section 1.
12A lot has changed in the starter project in both content and code. This video will walk you through all the changes.
13Build up a custom Collection View Cell class in an updated collection view featuring images of National Parks.
14In this challenge you'll add a label to a custom collection view cell and populate it with Park data.
15Multiple Sections
9:42In this video you'll learn how to add multiple sections to the app using Section Headers to separate parks by state.
16Customize your section headers to display more information about each section and better organize your collection view.
17Subclass UICollectionViewFlowLayout to get custom functionality such as animating cells that are added.
18In this challenge, you'll animate the deletion of cells on your own and get a peek at view animations, while you're here.
19Moving Cells
3:41Learn about a cool property which allows you to long press on a cell in a collection view and move it around.
20Conclusion
2:45In this conclusion video, you'll review what you learned in this section, and get some advice about where to go next.
21
Comments