Make a new layout using Visual Format Language.
- [Instructor] With your knowledge…of the visual format language,…it's time for another challenge.…You'll try to set up a similar layout…as the oatmeal challenge,…but this time with the peanut butter sandwich content…in the peanut butter view controller…and the visual format language.…Copy the hamburger layout code…and change it to make this layout.…Points you're gonna wanna know.…The image padding under the label is 20 points.…Labels and buttons have a height of three times the padding.…Buttons have a padding of 20 points.…
The image height is one quarter the superview's height.…There's a two to three ratio for the button's width,…with the back button being bigger.…And finally, we're gonna keep with that two to three…aspect ratio image for the image.…Okay, it's time to give it a try.…Stop the video and see what you can come up with.…
- When and why to use Auto Layout programmatically
- Creating constraints in Swift
- Resolving errors in Auto Layout
- Using the safe area
- Working with the Visual Format Language
- Adding a stack view
- Harnessing the power of inequalities and priorities in constraints
- Understanding traits and size classes
Skill Level Intermediate
Learning LayoutTest for iOS Developmentwith Kyle Sherman1h 43m Intermediate
Designing iOS and Android Appswith Renata Phillippi1h 6m Intermediate
1. Basic Concepts in Auto Layout
2. Coding Constraints
3. The Visual Format Language
4. Stack Views
5. Advanced Layout
6. Size Classes
Next steps1m 42s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.