Zenler Player
Your course is loading. Hang tight.
The Ultimate SwiftUI Layout Course
Back to curriculum
0% Complete
0% Complete
How to Use This Course
What you are going to learn in this course
How to download an invoice for this course
1.1 Showing previews in Xcode
1.2 Working with the Canvas in Xcode
1.3 Quick and Efficiently Edit SwiftUI Views
1.4 Debugging layout issues
1.5 SwiftUI Tree of Doom
1.6 Typical problems with Xcode and swiftui and how to fix them
Finished Project for this Section
⁉️ Quiz
Project Files Starter
2.1 VStack, HStack and ZStack
2.2 Divider and Spacer
2.3 Group
2.4 GroupBox
2.5 ControlGroup
Finished Project for this Section
⁉️ Quiz
3.1 Background Modifier
3.2 Overlay modifier
3.3 ZStack vs background/overlay
3.4 Color view
3.5 Gradients
3.6 Materials
Finished Project for this Section
4.1 How to Position Views
4.2 Alignment Guides
4.3 Custom Alignment Guides
4.4 Grid View
4.5 Position and Offset modifiers
Finished Project for this Section
5.1 How the layout system sizes and positions views
WWDC 2019 - Build Custom Views with SwiftUI
5.2 Fixed and Flexible Frames
5.3 FixedSize
5.4 Layout Priority
5.5 Sizing Text Views
5.6 Sizing Images
5.7 Upscaling images and Bitmap vs Vector graphics
5.8 Sizing System Icons
5.9 AsyncImage
5.10 Aspect Ratio
5.11 Scale Effect
5.12 Content Edges: Safe area, Padding and Margins
5.13 Container Relative Frame
5.14 CornerRadius, Clip and Mask
🖐️ Challenge: Superhero Detail View
Finished Project for this Section
6.1 Making Your SwiftUI Views More Reusable
6.2 Reusable View Modifiers
6.3 ButtonStyle
6.4 Custom Container Views
6.5 Custom Containers with Dynamic Data
Finished Project for this Section
7.1 Introduction
7.2 GeometryReader
🖐️ Challenge: GeometryReader
7.3 Example: Custom Container with GeometryReader
7.4 PreferenceKeys
7.5 Bounds Measurement with PreferenceKeys and GeometryReader
7.6 Layout Protocol
7.7 Layout Example: Equal Width HStack and VStack
7.8 Layout Example: Flow Layout
7.9 Layout Example: Radial Layout
7.10 Custom Layout with Layout Priority
7.11 Custom Layout for Image Gallery
Finished Project for this Section
8.1 ForEach
8.2 Identifiable Data
8.3 Making Enums Identifiable
8.4 ForEach with Binding
8.5 LazyVStack and LazyHStack
8.6 Lazily Showing Images
8.7 Smooth ScrollViews with Images
8.8 LazyVGrid and LazyHGrid
8.9 Image Gallery with LazyVGrid and LazyHGrid
8.10 Infinitive Loading View
🖐️ Challenge: Grid Columns for Adaptive Layout
🖐️ Challenge: Layout Challenge VStack to HStack
🖐️ Challenge: Image Gallery
🖐️ Challenge: Card Grid
Finished Project for this Section 8
9.1 Introduction
9.2 Customize Appearance of ScrollView
9.3 Scroll Direction
9.4 ScrollView Content Size
9.5 ScrollView Paging Behavior
9.6 Programmatic Scrolling with ScrollViewReader
9.7 ScrollView Postion
9.8 Synchronizing Multiple ScrollViews
9.9 Default Scroll Position
9.10 Animations with scrollTransition
9.11 Animations with visualEffect
9.12 Parallax Example 1
9.13 Parallax Example 2
9.14 Pinned Views
🖐️ Challenge
Finished Project for this Section 9
10.1 Why You Need Adaptive Layout
10.2 What is the Available Space
10.3 Interface Size Classes
10.4 Environment Values
10.5 Environment vs PreferenceKeys
10.6 Dynamic Type Size
10.7 Scaled Metic
10.8 Conditional View Modifiers
10.9 AnyLayout
10.10 ViewThatFits
10.11 ViewThatFits Example 1
10.12 ViewThatFits Example 2
10.13 ViewThatFits Example 3
10.14 Keyboard Layout Adjustments
10.15 Keyboard & Background Image
10.16 Keyboard & Forms
10.17 Keyboard toolbar
Finished Project for this Section 10
Coming Soon
Introduction
How to Use This Course
Preview
What you are going to learn in this course
Preview
How to download an invoice for this course
1. Working with SwiftUI in Xcode
1.1 Showing previews in Xcode
Preview
1.2 Working with the Canvas in Xcode
Preview
1.3 Quick and Efficiently Edit SwiftUI Views
1.4 Debugging layout issues
1.5 SwiftUI Tree of Doom
1.6 Typical problems with Xcode and swiftui and how to fix them
Finished Project for this Section
⁉️ Quiz
2. Primitive Layout Components
Project Files Starter
2.1 VStack, HStack and ZStack
2.2 Divider and Spacer
2.3 Group
2.4 GroupBox
2.5 ControlGroup
Finished Project for this Section
⁉️ Quiz
3. Layering Views
3.1 Background Modifier
Preview
3.2 Overlay modifier
3.3 ZStack vs background/overlay
3.4 Color view
3.5 Gradients
3.6 Materials
Finished Project for this Section
4. Positioning Views
4.1 How to Position Views
Preview
4.2 Alignment Guides
4.3 Custom Alignment Guides
4.4 Grid View
4.5 Position and Offset modifiers
Finished Project for this Section
5. Sizing Views
5.1 How the layout system sizes and positions views
WWDC 2019 - Build Custom Views with SwiftUI
5.2 Fixed and Flexible Frames
5.3 FixedSize
5.4 Layout Priority
5.5 Sizing Text Views
5.6 Sizing Images
5.7 Upscaling images and Bitmap vs Vector graphics
5.8 Sizing System Icons
5.9 AsyncImage
5.10 Aspect Ratio
5.11 Scale Effect
5.12 Content Edges: Safe area, Padding and Margins
5.13 Container Relative Frame
5.14 CornerRadius, Clip and Mask
🖐️ Challenge: Superhero Detail View
Preview
Finished Project for this Section
6. Reusable Layout Components
6.1 Making Your SwiftUI Views More Reusable
6.2 Reusable View Modifiers
6.3 ButtonStyle
6.4 Custom Container Views
6.5 Custom Containers with Dynamic Data
Finished Project for this Section
7. Custom Layout
7.1 Introduction
7.2 GeometryReader
🖐️ Challenge: GeometryReader
7.3 Example: Custom Container with GeometryReader
7.4 PreferenceKeys
7.5 Bounds Measurement with PreferenceKeys and GeometryReader
7.6 Layout Protocol
7.7 Layout Example: Equal Width HStack and VStack
7.8 Layout Example: Flow Layout
7.9 Layout Example: Radial Layout
7.10 Custom Layout with Layout Priority
7.11 Custom Layout for Image Gallery
Finished Project for this Section
8. Dynamic Data
8.1 ForEach
8.2 Identifiable Data
8.3 Making Enums Identifiable
8.4 ForEach with Binding
8.5 LazyVStack and LazyHStack
8.6 Lazily Showing Images
8.7 Smooth ScrollViews with Images
8.8 LazyVGrid and LazyHGrid
8.9 Image Gallery with LazyVGrid and LazyHGrid
8.10 Infinitive Loading View
🖐️ Challenge: Grid Columns for Adaptive Layout
🖐️ Challenge: Layout Challenge VStack to HStack
🖐️ Challenge: Image Gallery
🖐️ Challenge: Card Grid
Finished Project for this Section 8
9. ScrollView
9.1 Introduction
9.2 Customize Appearance of ScrollView
9.3 Scroll Direction
9.4 ScrollView Content Size
9.5 ScrollView Paging Behavior
9.6 Programmatic Scrolling with ScrollViewReader
9.7 ScrollView Postion
9.8 Synchronizing Multiple ScrollViews
9.9 Default Scroll Position
9.10 Animations with scrollTransition
9.11 Animations with visualEffect
9.12 Parallax Example 1
9.13 Parallax Example 2
9.14 Pinned Views
🖐️ Challenge
Finished Project for this Section 9
10. Adaptive Layout
10.1 Why You Need Adaptive Layout
Preview
10.2 What is the Available Space
10.3 Interface Size Classes
10.4 Environment Values
10.5 Environment vs PreferenceKeys
10.6 Dynamic Type Size
10.7 Scaled Metic
10.8 Conditional View Modifiers
10.9 AnyLayout
10.10 ViewThatFits
10.11 ViewThatFits Example 1
10.12 ViewThatFits Example 2
10.13 ViewThatFits Example 3
10.14 Keyboard Layout Adjustments
10.15 Keyboard & Background Image
10.16 Keyboard & Forms
10.17 Keyboard toolbar
Finished Project for this Section 10
11. System Containers: List, Table & Form
Coming Soon
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
Back to Dashboard
No contents are available in this lesson!
No lessons available !
Back to Dashboard
Lesson contents locked
Enroll to unlock this lesson.
Enroll to unlock
Next Lesson