From the course: Complete Guide to SwiftUI
Unlock this course with a free trial
Join today to access over 24,700 courses taught by industry experts.
Grids
- [Instructor] While we've been using HStack and VStack to keep things organized, there's another layout mechanism you may use at times. Grids, not to be confused with the lazy grids we learned earlier, are a static layout mechanism for spreadsheet-like grids. Grids size for a layout of equally sized cells. It takes the views in a row and calculates the height for them to be equal. Similarly, it takes the height of the cell in each column and calculates an equal width for each column. So we're going to start with a new SwiftUI view called ReceiptView. And so I'm going to go ahead and close up the simulator here and shut that down. We'll go over here. I'm just going to go click under StyleSheet and do a Command + N so we're in the right place and get a SwiftUI view and call it ReceiptView. And things like reports are really good for this, which is why I'm using a receipt view, 'cause what we'll do is we'll make a little report. Okay, and I'm going to just take this whole thing here and…
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)