Scroll View School

Nov 13 2018 · Video Course (1 hr, 18 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.

4.5/5 4 Ratings · Leave a Rating

Version

  • Swift 4, iOS 12, Xcode 10

Beginning Scroll Views

Introduction

1:51 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

1:45 Free

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

2

DIY Scroll View

4:19 Free

By writing a little code, you can write your own Do-It-Yourself custom scroll view! Learn how in this video.

3

In this challenge video, you will get to see how frames and bounds work by altering these properties.

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

6:46

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

In this video tutorial you will learn about the process of centering the content by way of adding padding.

8

In this video tutorial you will learn how to use Auto Layout and stack views to create layouts inside of scroll views.

9

In this video challenge, you'll create a simple layout in a scroll view, using constraints and a stack view.

10

Conclusion

0:24

This video wraps up the first part of the course! Review what you learned and find out what's up next.

11

Intermediate Scroll Views

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

12

In this video you'll learn how to move an existing layout into a scroll view without ruining all of your constraints!

13

Often times, you'll want to nest a scroll view inside of a scroll view. Find out how to avoid common Auto Layout issues and employ a container view!

14

Content insets are one way to add padding to a scroll view. Find out how a few checkboxes in Interface Builder can help, and how to customize content insets.

15

Now that you understand how to nest scroll views and add insets, try this challenge in which you'll do both!

16

When a keyboard appears, you don't want your text field to be hidden behind it! Find how how to adjust a scroll view to account for keyboards.

17

In this video challenge, your task is to add some keyboard insets to a new sample project. Give it a try!

18

Use a scroll view to page through full-screen views laid out next to each other, and add a page control to find out which page you're on.

19

Conclusion

0:59

This video concludes this part, and the course! Review what you've learned and find out where to go next.

20

Contributors

Comments