From the course: iOS Development: Auto Layout Programmatically
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Peanut butter - iOS Tutorial
From the course: iOS Development: Auto Layout Programmatically
Challenge: Peanut butter
- [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.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Prepare for the Visual Format Language7m 14s
-
(Locked)
Visual Format basics5m 28s
-
Visual Format pin constants4m 48s
-
(Locked)
Alignment and multiple constraints6m 50s
-
(Locked)
Use sizes with Visual Format8m 40s
-
(Locked)
Metrics, margins, and anchors6m 10s
-
(Locked)
Errors in Visual Format5m 31s
-
(Locked)
Challenge: Peanut butter55s
-
(Locked)
Solution: Peanut butter10m 9s
-
(Locked)
-
-
-
-