From the course: Complete Guide to SwiftUI
Unlock this course with a free trial
Join today to access over 24,600 courses taught by industry experts.
The code window and canvas
From the course: Complete Guide to SwiftUI
The code window and canvas
- [Narrator] With all that background now, it's time to do some SwiftUI coding in introducing you to the work environment. Open up the canvas again with the command Option + Return. And if you need to, resume the preview. It builds, it shows you the device and preview of the code you are working on. That default implementation of preview type, is whatever you have set in your simulator. Currently, I have it for iPhone 14 Pro here. Now, I'm going to change that. So, we're going to make that a Pro Max, in this case. I'm going to go down here to Pro Max after clicking on the Pro, and set that up to Pro Max. It may take a few minutes for you to do that, depending if you've got that simulator loaded or not. And you can zoom in and out on the image if you want, using the little buttons on the side here. There's also one to turn it to a hundred percent, and one that you can fit it in the window. And I tend to use the fit in window one the most. Now, with this canvas running, it changes in…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
(Locked)
Embed a stack view6m 29s
-
(Locked)
Text views3m 41s
-
(Locked)
Image views with SF Symbols5m 22s
-
(Locked)
Iteration with ForEach5m 13s
-
(Locked)
Images and assets4m 56s
-
(Locked)
Labels2m 22s
-
Add view2m 49s
-
(Locked)
Challenge: Add views26s
-
(Locked)
Solution: Add views2m 33s
-
(Locked)
Extract subviews8m 4s
-
(Locked)
Subviews with parameters6m 37s
-
(Locked)
Challenge: Ratings view44s
-
(Locked)
Solution: Ratings view3m 55s
-
(Locked)
-
-
(Locked)
Presenting views2m 19s
-
(Locked)
Space modifiers2m 54s
-
(Locked)
Shape modifiers3m 54s
-
(Locked)
Text modifiers8m
-
(Locked)
Color modifiers6m 4s
-
(Locked)
Basic backgrounds8m 29s
-
(Locked)
Materials and shadows7m 17s
-
Scale modifiers4m 42s
-
(Locked)
Size modifiers5m 25s
-
(Locked)
Clean up joined views6m 9s
-
(Locked)
Challenge: Clean up OrderView1m 28s
-
(Locked)
Solution: Clean up OrderView8m 36s
-
(Locked)
-
-
(Locked)
MVC vs. MVVM4m 19s
-
(Locked)
State variables and buttons3m 57s
-
(Locked)
Challenge: Add a button45s
-
(Locked)
Solution: Add a button3m 50s
-
(Locked)
Use Binding variables10m 10s
-
(Locked)
The Identifiable protocol5m 13s
-
(Locked)
Add a model to root views6m 47s
-
Populating collections with List4m 45s
-
(Locked)
Selection and binding variables6m 29s
-
(Locked)
-
-
(Locked)
Toggles and steppers6m 8s
-
(Locked)
Pickers6m 10s
-
(Locked)
Moving data in pickers5m 54s
-
Text input7m 1s
-
(Locked)
Lazy grids6m 37s
-
(Locked)
Tap gestures3m 1s
-
(Locked)
Reacting to changes5m 59s
-
(Locked)
Challenge: Favorites grid1m 46s
-
(Locked)
Solution: Favorites grid8m 55s
-
(Locked)
Challenge: Add a grid view to the app40s
-
(Locked)
Solution: Add a grid view to the app6m 10s
-
(Locked)
-
-
(Locked)
SF Symbols app3m 59s
-
(Locked)
SF Symbols variants4m 53s
-
(Locked)
SF Symbols in color: Monochrome and multicolor4m 2s
-
(Locked)
SF Symbols in color: Palette and hierarchical3m 28s
-
(Locked)
SF Symbols variable color3m 42s
-
(Locked)
SF Symbols animation, part 13m 44s
-
(Locked)
SF Symbols animation, part 23m 47s
-
(Locked)
Replace effects3m 56s
-
(Locked)
Challenge: Variants, modes, and effects55s
-
(Locked)
Solution: Variants, modes, and effects7m 4s
-
(Locked)
-
-
(Locked)
Navigation links3m 57s
-
(Locked)
Stack navigation in lists5m 58s
-
(Locked)
Deeper navigation stacks4m 47s
-
(Locked)
Create navigation paths4m 1s
-
(Locked)
Use navigation paths6m 7s
-
(Locked)
More navigation destinations4m 26s
-
Toolbars4m 15s
-
(Locked)
Navigation title5m 22s
-
(Locked)
List interaction2m 53s
-
(Locked)
-
-
(Locked)
Extensions5m 14s
-
(Locked)
Custom modifiers3m 53s
-
(Locked)
More modifiers2m 33s
-
(Locked)
Modifiers with parameters5m 13s
-
(Locked)
Shapes6m 11s
-
(Locked)
Modifiers with added views5m 19s
-
(Locked)
ViewBuilder3m
-
(Locked)
Conditional ViewBuilder3m 40s
-
(Locked)
Challenge: Make Home a back button29s
-
(Locked)
Solution: Make Home a back button5m 36s
-
(Locked)
-
-
(Locked)
Introducing the capstone project2m 55s
-
(Locked)
The model schema2m 10s
-
(Locked)
Add model to project1m 47s
-
(Locked)
The model implementation5m 2s
-
A dual key model6m 12s
-
(Locked)
Styles4m 38s
-
(Locked)
Code custom controls4m 38s
-
(Locked)
Ingredients view4m 36s
-
(Locked)
Add navigation3m 31s
-
(Locked)
Recipe view5m 33s
-
(Locked)
Add and edit recipes5m 8s
-
(Locked)
Testing6m 54s
-
(Locked)