Web design

How To Build Responsive User Interfaces with SwiftUI



If you want to build apps that support multiple devices and screen sizes, this is the video for you. You’ll learn how to preview your user interface on different devices in profile and landscape orientation.

I’ll show you how to adjust your views based on the orientation or device and finally, you’ll learn some of the best tips for how to design user interfaces that work for any screen size.

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:

Project source code can be found here:

Size Classes

Detecting devices and orientations
(check the first answer for detecting device and orientation using the UIDevice API)

iOS Resolutions

Big Mountain Studio SwiftUI Views Reference Guide
(aff link)

⏱ Timestamps:
00:00 Intro
00:58 Preview your layout in different devices
06:23 Detecting the iOS device and orientation
09:30 Detecting the size classes in SwiftUI
11:15 Changing your UI based on size classes
15:43 Tips for a responsive UI in SwiftUI
18:09 Outro

MY FREE ONLINE COURSE:
⚡ How to make an app in 14 days –

CWC+ PROGRAM:
👩‍💻 All our courses in a learning path –

WEEKLY UPDATES VIA EMAIL:
✉️ Every Saturday, receive an email digest of new content –

CONNECT:
🌍 Website –
😺 GitHub –
📸 Instagram –
🐦 Twitter –

ABOUT CODEWITHCHRIS:
Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and my website, you’ll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own!

What's your reaction?

Excited
0
Happy
0
In Love
0
Not Sure
0
Silly
0

You may also like

Leave a reply

More in:Web design