Module 2 of 3 in Getting Started with SwiftUI

SwiftUI Views & Layouts

Jun 20 2024, Swift 5.10, iOS 17.4, Xcode 15.3

This lesson will walk you through building your own custom views, configuring app layouts in portrait and landscape modes, and building vertical and horizontal layout containers. By Renan Benatti Dias.

Start learning for free

EXPERIENCE

Beginner level

EST TIME TO COMPLETE

1 hr, 10 mins

CONTENT

3 lessons

Module outcomes

Build reusable custom views to promote code modularity.
Implement view modifiers to customize the appearance and behavior of SwiftUI views.
Combine views using stacks to structure and layout app interfaces effectively.

Covered concepts

Building custom views in SwiftUI
Configuring different layouts in SwiftUI
Adaptive user interfaces: designing for different screen sizes and orientations

Module content

Custom SwiftUI Views Lesson (18 mins)

In this lesson, you’ll learn about custom SwiftUI views and how to design views that can be reused in your app. You’ll also learn about View Modifiers and how that also helps keep your code nice and tidy.

Start

Introduction • Start Reading · 1 min

Instruction 1 Reading · 5 mins

Demo 1 Video · 5 mins

Instruction 2 Reading · 2 mins

Demo 2 Video · 3 mins

Conclusion Reading · 1 min

Quiz: Creating Custom SwiftUI Views 6 questions

Configuring Layouts Lesson (29 mins)

In this lesson, you’ll learn about the importance of Vertical and Horizontal layouts and how to use them in the correct context. You’ll also learn about device orientations.

Start

Introduction • Start Reading · 2 mins

Instruction 1 Reading · 9 mins

Demo 1 Video · 4 mins

Instruction 2 Reading · 7 mins

Demo 2 Video · 6 mins

Conclusion Reading · 2 mins

Quiz: Configuring Layouts 6 questions

Building Views Lesson (23 mins)

In this lesson, you’ll learn about using native SwiftUI views to solve the problem of switching between views depending on the available space.

Start

Introduction • Start Reading · 2 mins

Instruction 1 Reading · 6 mins

Demo 1 Video · 4 mins

Instruction 2 Reading · 4 mins

Demo 2 Video · 6 mins

Conclusion Reading · 1 min

Quiz: Building Views 6 questions

Module outcomes

Covered concepts

Module content

SwiftUI Navigation

All videos. All books. One low price.

All videos. All books.
One low price.