

For example, you can constrain a button so it’s always horizontally centered and positioned eight points below an image, regardless of the available screen space.Īuto Layout automatically readjusts layouts according to the constraints you specify for certain environmental variations, known as traits. Using Auto Layout, you can define rules (known as constraints) that govern the content in your app. Auto LayoutĪuto Layout is a development tool for constructing adaptive interfaces.

To learn how screen resolution impacts your app’s artwork, see Image Size and Resolution. For developer guidance, see scale and nativeScale. In other words, an iPhone-only app must run on every iPhone screen size and an iPad-only app must run on every iPad screen size.ģ20x568 pt (640x1136 px touch 5th generation and laterģ20x568 pt (640x1136 px All scale factors in the table above are UIKit scale factors, which may differ from native scale factors. If your app runs on a specific device, make sure it runs on every screen size for that device. Other devices - such as iPhone SE and iPad Air - have a rectangular display.
In edge-to-edge devices like iPhone X and iPad Pro, the display has rounded corners that closely match the device’s overall dimensions. IOS devices have a variety of screen sizes and people can use them in either portrait or landscape orientation. To meet this expectation, design an adaptable interface by configuring UI elements and layouts to automatically change shape and size on different devices, during multitasking on iPad, in split view, when the screen rotates, and more. People generally want to be able to use their favorite apps on all of their devices and in any context.
