There is an updated version of this course available, created for Swift 4, iOS 12, Xcode 10. View Latest Version

Scroll View School

Oct 31 2017 · Video Course (3 hrs, 16 mins) · Beginner

Scroll views are a means to provide a lot of content in a small amount of space, but unfortunately, they can be a bit tricky. This course will walk you through the basics of scroll views, showing you to use them in a variety of layouts. Once you get comfortable with them, you'll explore several scroll view recipes that have been inspired in some popular recipes.

Version

  • Swift 4, iOS 11, Xcode 9

Part 1: Beginning Scroll Views

Introduction

2:57 Free

Scroll views are used everywhere in iOS. In this video, you'll learn where they are used and why they are important to learn.

1

Frames and Bounds

2:56 Free

Every view has a frame and has bounds. This video introduces these concepts and how they relate to scroll views.

2

DIY Scroll View

6:11 Free

By writing a little code, you can write your own Do-It-Yourself custom scroll view.

3

In this challenge, you'll see how frames and bounds work by altering these properties. Your job is to write the code.

4

Now that you have an idea of how a scroll view works, you'll be introduced to using the UIScrollView that is included with iOS.

5

Setting the content size determines the scrolling size of scroll view. In this video, you'll learn how to set it.

6

Zooming

8:26

Pinch to zoom is a great way to increase or decrease the size of a view. In this video, you'll learn how to implement it.

7

This video will show you the process of centering the content by way of adding padding.

8

Auto Layout

10:13

This video will show how to setup constraints in your scroll views in order to layout your views.

9

Your second challenge to create a simply layout in a scroll view, using constraints.

10

Stacks Views are great to create layouts, but can be a pain when dealing with Auto Layout. This video will walk you through the issues.

11

Conclusion

0:34

This wraps up the section on beginning scroll views. In this video, you'll get a glimpse at the next section.

12

Part 2: Intermediate Scroll Views

This video provides an overview of some of the topics that will be covered in this part of the course.

13

Often times, you'll need to embed existing layouts into a scroll view. This video will show you how to do it.

14

Often times, you'll need to embed a scroll view inside of a scroll view. This video shows how to do it without any issues.

15

Content insets are where you can add padding to a scroll view. This video will show you how.

16

Now that you understand insets, this challenge will have you add them to a scroll view.

17

When a keyboard appears, it's helpful to adjust a scroll view to account for the size of it. This is done by way of insets which you'll learn here.

18

Your challenge is to add some keyboard insets to the sample project.

19

Scroll views can be used to layout view controllers next to each other. This allows you to add paging to your app.

20

A paging control shows the user where they are located in a series of pages. You'll learn how to use this control in this video.

21

Your challenge is to add a paging control to the sample app.

22

Conclusion

0:38

This video concludes this section and gives a brief overview of the next and final section.

23

Part 3: Scroll View Recipes

This video introduces the final section of the course.

24

This video covers the theory behind the slide out navigation bar that you'll construct in this section.

25

Your challenge is to add an offset to the scroll view so that the proper view controller is displayed.

26

This video will fix the remaining issues with the slide out navigation bar.

27

iOS comes with a pull to refresh control right out of the box. This video will show you how to use it.

28

Now you know how to use a refresh control, your challenge is to add it to the sample app.

29

While the stock pull to refresh is nice, a custom pull to refresh is pretty awesome. In the remaining video, you'll learn how to make an cool looking pull to refresh using scroll views.

30

The custom pull to refresh has many different image elements. With some a bit of code, this video will show you how to add a parallax effect.

31

When a user pulls down on the refresh view, a nice effect is to lock it into place. This video will show you how.

32

This video adds some polish to the pull to refresh and even makes Super Cat fly.

33

Conclusion

0:58

This final video reviews everything that was covered in this series.

34

Version history

iOS 12, Swift 4, Xcode 10

Nov 13 2018

iOS 11, Swift 4, Xcode 9 (Selected)

Oct 31 2017

iOS 10, Swift 3, Xcode 8

Mar 28 2017

iOS 9, Swift 2, Xcode 7

Jan 5 2015

Contributors

Comments