SwiftUI: Layout & Interfaces

Nov 18 2021 Swift 5.5, iOS 15, Xcode 13

Part 1: Dynamic View Layout

1. Introduction

Episode complete

Play next episode

Next
Save for later
About this episode
See versions

See forum comments
Cinema mode Mark complete Download course materials
Next episode: 2. Lazy Stacks

iOS User Interfaces

Update Notes: This course was originally recorded in 2020. It has been reviewed and all content and materials updated as of October 2021.

Hey, everybody! This is Jessy. Welcome to the SwiftUI: Layout and Interfaces course. This is the place you want to be, to learn the fundamentals of layout in SwiftUI. My expectation of you is that you’ve got some experience making basic SwiftUI apps.

If that doesn’t describe you —yet!— you may want to start off at an earlier point in our iOS and Swift for Beginners learning path.

In this course, you’ll be building on the skills you have for getting views onscreen. –In the right place, and at the right size. You’ll come away with the ability to create more complex and creative layouts.

In this first part of the course, on Dynamic View Layout, you’ll be working a lot with scroll views, and lazy views: both stacks, and grids. Everything in this part is new for iOS 14. Part 2, on Aligning Views, will apply to iOS 13, as well.

Here’s how this course course is structured: you’ll be encountering five layout challenges. In each one, you’ll recreate a layout from a popular iOS app. (In this first part, they’re both from Apple Music, and the other three will be from different third-party apps.)

But before those challenge episodes, I’ll introduce the core concepts you’ll need to complete them. In these other episodes, you’ll work with a handful of the simplest of Views. That way, you can concentrate on the SwiftUI layout API, while it’s new to you.

Now, let’s find out what a “lazy view” is.