Basic SwiftUI Layout Containers and UI Elements
Learn fundamental SwiftUI layout containers and elements including:
- VStack, HStack, ZStack
- Button, Image, Text, Spacer
In this SwiftUI tutorial series, we'll go through SwiftUI view elements, modifiers, states, lists and more. At the end of this SwiftUI tutorial series, you'll have created slot machine app!
Image Assets:
https://codewithchris.com/code/SwiftUI%20M1L02%20Lesson%20Assets.zip
I’m also building a SwiftUI Resource Hub which you can find here:
https://codewithchris.com/swiftui/
𝗩𝗶𝗱𝗲𝗼 𝗧𝗶𝗺𝗲 𝗦𝘁𝗮𝗺𝗽𝘀:
00:00 Intro
00:42 The Image Element
01:56 The Button Element
04:06 The VStack
06:57 The Hstack
08:20 The Spacer
11:50 The ZStack
13:26 Exercice
14:09 Outro
CodeWithChris Resource links:
Get a customized roadmap for your app and start building it in 7 days:
⚡https://codewithchris.com/actionplan/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
My Courses and Training:
📚 https://codewithchris.com/beginnercourse/?utm_source=youtube&utm_medium=video&utm_campaign= swiftui02&utm_content=swiftui02_ytdescription
ALL my recording equipment and recommended books:
📚https://www.amazon.com/shop/codewithchris
To continue learning how to make apps with us, be sure to subscribe to our channel:
⚡https://www.youtube.com/user/codewithchris?sub_confirmation=1
And we also have a thriving Facebook community where you can meet like-minded iOS learners and get support on your own iOS app development journey!
⚡https://codewithchris.com/community/
My guide for Xcode on Windows:
⚡https://codewithchris.com/xcode-for-windows/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you'll find a community of like-minded learners! Learning something new is always more fun with other people!
⚡Website: https://codewithchris.com/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
⚡Instagram: https://instagram.com/CodeWithChris
⚡Twitter: https://twitter.com/CodeWithChris
CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift, Xcode and app building from my course and materials!
Here's just a sample of the success stories my students have sent in:
https://codewithchris.com/success-stories/?utm_source=youtube&utm_medium=video&utm_campaign= swiftui02&utm_content=swiftui02_ytdescription
#SwiftUI #UIKit #CodeWithChris
Видео Basic SwiftUI Layout Containers and UI Elements канала CodeWithChris
- VStack, HStack, ZStack
- Button, Image, Text, Spacer
In this SwiftUI tutorial series, we'll go through SwiftUI view elements, modifiers, states, lists and more. At the end of this SwiftUI tutorial series, you'll have created slot machine app!
Image Assets:
https://codewithchris.com/code/SwiftUI%20M1L02%20Lesson%20Assets.zip
I’m also building a SwiftUI Resource Hub which you can find here:
https://codewithchris.com/swiftui/
𝗩𝗶𝗱𝗲𝗼 𝗧𝗶𝗺𝗲 𝗦𝘁𝗮𝗺𝗽𝘀:
00:00 Intro
00:42 The Image Element
01:56 The Button Element
04:06 The VStack
06:57 The Hstack
08:20 The Spacer
11:50 The ZStack
13:26 Exercice
14:09 Outro
CodeWithChris Resource links:
Get a customized roadmap for your app and start building it in 7 days:
⚡https://codewithchris.com/actionplan/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
My Courses and Training:
📚 https://codewithchris.com/beginnercourse/?utm_source=youtube&utm_medium=video&utm_campaign= swiftui02&utm_content=swiftui02_ytdescription
ALL my recording equipment and recommended books:
📚https://www.amazon.com/shop/codewithchris
To continue learning how to make apps with us, be sure to subscribe to our channel:
⚡https://www.youtube.com/user/codewithchris?sub_confirmation=1
And we also have a thriving Facebook community where you can meet like-minded iOS learners and get support on your own iOS app development journey!
⚡https://codewithchris.com/community/
My guide for Xcode on Windows:
⚡https://codewithchris.com/xcode-for-windows/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you'll find a community of like-minded learners! Learning something new is always more fun with other people!
⚡Website: https://codewithchris.com/?utm_source=youtube&utm_medium=video&utm_campaign=swiftui02&utm_content=swiftui02_ytdescription
⚡Instagram: https://instagram.com/CodeWithChris
⚡Twitter: https://twitter.com/CodeWithChris
CodeWithChris is dedicated to teaching beginners and non-programmers all about how to make an app. On the site, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift, Xcode and app building from my course and materials!
Here's just a sample of the success stories my students have sent in:
https://codewithchris.com/success-stories/?utm_source=youtube&utm_medium=video&utm_campaign= swiftui02&utm_content=swiftui02_ytdescription
#SwiftUI #UIKit #CodeWithChris
Видео Basic SwiftUI Layout Containers and UI Elements канала CodeWithChris
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![SwiftUI Modifiers (Customize Your SwiftUI Elements) - Lesson 3](https://i.ytimg.com/vi/MJP60XnN4us/default.jpg)
![SwiftUI Property Wrappers](https://i.ytimg.com/vi/yWdJ3dRRDlk/default.jpg)
![](https://i.ytimg.com/vi/WDG0rovSKqE/default.jpg)
![Getting a Handle on the SwiftUI Layout System](https://i.ytimg.com/vi/oF6keYf9mNc/default.jpg)
![SwiftUI: Email / Password Sign In with Firebase Auth (2021, Xcode 12, SwiftUI 2.0) - iOS Development](https://i.ytimg.com/vi/vPCEIPL0U_k/default.jpg)
![I'm switching to iPhone.](https://i.ytimg.com/vi/165bpjQ2ZNs/default.jpg)
![8 Common SwiftUI Mistakes – and how to fix them!](https://i.ytimg.com/vi/qkcKTJhDyLs/default.jpg)
![How layout works in SwiftUI – Layout and Geometry SwiftUI Tutorial 1/6](https://i.ytimg.com/vi/52pFtwTDv_Q/default.jpg)
![UICollectionView for beginner (SWIFT-5, XCODE - 11)](https://i.ytimg.com/vi/J2l7z6p2l50/default.jpg)
![SwiftUI Basics Tutorial](https://i.ytimg.com/vi/HXoVSbwWUIk/default.jpg)
![The Hitchhiker’s Guide to SwiftUI - iOS Conf SG 2021](https://i.ytimg.com/vi/0MAc-hjvKqw/default.jpg)
![SwiftUI Navigation - NavigationView & NavigationLink Tutorial](https://i.ytimg.com/vi/IopCl8sOyFA/default.jpg)
![App Building for Beginners :: Basic Tip Calculator iPhone App Using Swift with Xcode](https://i.ytimg.com/vi/9eads7E2K-c/default.jpg)
![SwiftUI vs UIKit (See UI built 3 different ways)](https://i.ytimg.com/vi/R017vWz7FOY/default.jpg)
![How to switch view flows SwiftUI](https://i.ytimg.com/vi/cwO7SW76awU/default.jpg)
![SwiftUI Animations - 3 Simple Techniques (ft. Mark Moeykens)](https://i.ytimg.com/vi/K00oSg1gm_0/default.jpg)
![Intro to UIKit and UIViews | iOS and Swift](https://i.ytimg.com/vi/w58ncTHKiK4/default.jpg)
![iOS App Development Roadmap 2021 | How to become iOS Developer ft.@Jared Davidson @Kilo Loco](https://i.ytimg.com/vi/Nlp1p_Cb1_U/default.jpg)
![SwiftUI 2.0: MVVM - A Practical Approach](https://i.ytimg.com/vi/LntH6moCuo0/default.jpg)
![SwiftUI Essentials - HStack VStack ZStack Unexpected Spacing and Alignment](https://i.ytimg.com/vi/6cM6wTMb-Co/default.jpg)