-
1. Working with SwiftUI in Xcode
8 Lessons-
Preview1.1 Showing previews in Xcode
-
Preview1.2 Working with the Canvas in Xcode
-
Start1.3 Quick and Efficiently Edit SwiftUI Views
-
Start1.4 Debugging layout issues
-
Start1.5 SwiftUI Tree of Doom
-
Start1.6 Typical problems with Xcode and swiftui and how to fix them
-
StartFinished Project for this Section
-
Start⁉️ Quiz
-
-
5. Sizing Views
17 Lessons-
Start5.1 How the layout system sizes and positions views
-
StartWWDC 2019 - Build Custom Views with SwiftUI
-
Start5.2 Fixed and Flexible Frames
-
Start5.3 FixedSize
-
Start5.4 Layout Priority
-
Start5.5 Sizing Text Views
-
Start5.6 Sizing Images
-
Start5.7 Upscaling images and Bitmap vs Vector graphics
-
Start5.8 Sizing System Icons
-
Start5.9 AsyncImage
-
Start5.10 Aspect Ratio
-
Start5.11 Scale Effect
-
Start5.12 Content Edges: Safe area, Padding and Margins
-
Start5.13 Container Relative Frame
-
Start5.14 CornerRadius, Clip and Mask
-
Preview🖐️ Challenge: Superhero Detail View
-
StartFinished Project for this Section
-
-
7. Custom Layout
13 Lessons-
Start7.1 Introduction
-
Start7.2 GeometryReader
-
Start🖐️ Challenge: GeometryReader
-
Start7.3 Example: Custom Container with GeometryReader
-
Start7.4 PreferenceKeys
-
Start7.5 Bounds Measurement with PreferenceKeys and GeometryReader
-
Start7.6 Layout Protocol
-
Start7.7 Layout Example: Equal Width HStack and VStack
-
Start7.8 Layout Example: Flow Layout
-
Start7.9 Layout Example: Radial Layout
-
Start7.10 Custom Layout with Layout Priority
-
Start7.11 Custom Layout for Image Gallery
-
StartFinished Project for this Section
-
-
8. Dynamic Data
15 Lessons-
Start8.1 ForEach
-
Start8.2 Identifiable Data
-
Start8.3 Making Enums Identifiable
-
Start8.4 ForEach with Binding
-
Start8.5 LazyVStack and LazyHStack
-
Start8.6 Lazily Showing Images
-
Start8.7 Smooth ScrollViews with Images
-
Start8.8 LazyVGrid and LazyHGrid
-
Start8.9 Image Gallery with LazyVGrid and LazyHGrid
-
Start8.10 Infinitive Loading View
-
Start🖐️ Challenge: Grid Columns for Adaptive Layout
-
Start🖐️ Challenge: Layout Challenge VStack to HStack
-
Start🖐️ Challenge: Image Gallery
-
Start🖐️ Challenge: Card Grid
-
StartFinished Project for this Section 8
-
-
9. ScrollView
16 Lessons-
Start9.1 Introduction
-
Start9.2 Customize Appearance of ScrollView
-
Start9.3 Scroll Direction
-
Start9.4 ScrollView Content Size
-
Start9.5 ScrollView Paging Behavior
-
Start9.6 Programmatic Scrolling with ScrollViewReader
-
Start9.7 ScrollView Postion
-
Start9.8 Synchronizing Multiple ScrollViews
-
Start9.9 Default Scroll Position
-
Start9.10 Animations with scrollTransition
-
Start9.11 Animations with visualEffect
-
Start9.12 Parallax Example 1
-
Start9.13 Parallax Example 2
-
Start9.14 Pinned Views
-
Start🖐️ Challenge
-
StartFinished Project for this Section 9
-
-
10. Adaptive Layout
18 Lessons-
Preview10.1 Why You Need Adaptive Layout
-
Start10.2 What is the Available Space
-
Start10.3 Interface Size Classes
-
Start10.4 Environment Values
-
Start10.5 Environment vs PreferenceKeys
-
Start10.6 Dynamic Type Size
-
Start10.7 Scaled Metic
-
Start10.8 Conditional View Modifiers
-
Start10.9 AnyLayout
-
Start10.10 ViewThatFits
-
Start10.11 ViewThatFits Example 1
-
Start10.12 ViewThatFits Example 2
-
Start10.13 ViewThatFits Example 3
-
Start10.14 Keyboard Layout Adjustments
-
Start10.15 Keyboard & Background Image
-
Start10.16 Keyboard & Forms
-
Start10.17 Keyboard toolbar
-
StartFinished Project for this Section 10
-
