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: Oatmeal - iOS Tutorial
From the course: iOS Development: Auto Layout Programmatically
Challenge: Oatmeal
- [Instructor] You've learned a lot this chapter, it's time for you to do some work. In the sample code, you'll find OatmealViewController.swift file with partially filled out layout views. Your challenge is to finish this layout to look like this in portrait and landscape. We got the label at the top. Under the label is a square image, which is 60% of the height. The image has a two to three aspect ratio. At the bottom of the code is two buttons extending to the margins with the Order button about 2/3 larger than the Cancel button. Your challenge is to finish this layout by adding the Back button. I also added a few errors you'll need to fix. Stop the video and see if you can put together the oatmeal page. If you get stuck, go ahead and watch the next video for my solution.
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)
Basic preparation3m 53s
-
(Locked)
Pin and size individual constraints7m 59s
-
(Locked)
Anchors and the safe area5m 54s
-
(Locked)
Align views9m 24s
-
(Locked)
Errors in Auto Layout8m 26s
-
Size views with multipliers5m 40s
-
(Locked)
Aspect ratio with multipliers5m 37s
-
(Locked)
Challenge: Oatmeal56s
-
(Locked)
Solution: Oatmeal7m 29s
-
(Locked)
-
-
-
-
-