Layouts can get cropped, or otherwise not look as expected if you're not designing your app properly. This tutorial shows how to view how your app may look on a particular device without the need for running your app in the Simulator.
- [Instructor] Let's talk about layouts, and why the layouts…that we create in Xcode don't look the same…as they do in the simulator.…So, in my app here, I just have a label on the left…and a label on the right,…and I'm going to test this in the simulator,…and we're going to look at what is inconsistent.…So what's different in the simulator…based on what we have on our screen?…When we test it in the simulator,…we actually just see the Left label…and we don't see the Right label, it gets cut off.…
Why is that happening though?…Well it's happening because two things…are sort of misaligned.…If we look at the top of our screen,…we're seeing that we're running on an iPhone SE.…Remember that you can always click this…to choose what device you want to run on for the simulator,…so the simulator is going to simulate…one of these devices.…Now, of course as a side note,…at the time of this recording,…these are the latest devices.…The time you may be watching this,…there might be new releases,…and you might see a different list.…
Author
Todd Perkins
Released
9/23/2016- Navigating storyboards
- Working with views and view controllers
- Using Auto Layout
- Adding constraints
- Creating UI elements with code
- Adding sliders and progress bars
- Using image and web views
Share this video
Embed this video
Video: View a layout as a specific device