People generally want to be able to use their favorite apps on all of their devices and in any context. In an iOS app, you can configure interface 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. It’s important to design an adaptable interface that provides a great experience in any environment.
사용자들은 보통 그들의 모든 기기에서 어떤 상황에서나 좋아하는 앱을 사용하고 싶어합니다. iOS 앱에선 화면 요소나 레이아웃의 환경을 설정하면, 다른 기기에서나, iPad에서 멀티태스킹을 하거나, 화면을 돌리는 등의 경우 자동으로 모양과 사이즈가 변하게 할 수 있습니다. 어떤 환경에서든지 좋은 경험을 제공할 수 있는 적용형 화면을 디자인 하는것은 매우 중요합니다.
iOS devices have a variety of screen sizes and can be used in either portrait or landscape orientation. In edge-to-edge devices like iPhone X and iPad Pro, the display has rounded corners that closely match the device’s overall dimensions. Other devices — such as iPhone SE and iPad Air — have a rectangular display.
If your app runs on a specific device, make sure it runs on every screen size for that device. 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.
iOS 기기는 다양한 크기의 화면을 가지고 있으며, 세로모드나 가로모드 둘 다 사용할 수 있습니다. iPhone X나 iPad Pro와 같이 edge-to-edge 형태인 경우 실제 기기와 화면이 거의 일치하도록 하는 둥근 모서리를 가지고 있습니다. iPhone SE나 iPad Air같은 다른 기기들은 각진 네모 형태죠.
특정 기기에서만 앱이 작동한다면, 앱이 그 기기의 모든 화면 사이즈에 대응할 수 있도록 하세요. 즉, iPhone에서만 작동되는 앱은 모든 iPhone의 화면 크기에서 작동해야하고, iPad에서만 작동되는 앱은 모든 iPad 화면의 크기에 맞춰 작동해야합니다.
Device Screen Sizes and Orientations
<aside> 💡 NOTE All scale factors in the table above are UIKit scale factors, which may differ from native scale factors. To learn how screen resolution impacts your app’s artwork, see Image Size and Resolution. 위 표의 모든 크기 요소는 UIKit 크기 요소이며, 실제 크기 요소와는 다를 수 있습니다. 화면의 해상도가 어떻게 앱의 아트워크에 영향을 끼치는지 알아보고 싶다면, Image Size and Resolution를 참고하세요.
</aside>
자동 레이아웃**
Auto Layout is a development tool for constructing adaptive interfaces. Using Auto Layout, you can define rules (known as constraints) that govern the content in your app. 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.
자동 레이아웃은 적용형 화면을 만들기 위한 개발 툴입니다. 자동 레이아웃을 사용하면 contraints (제한) 라고도 알려진 '규칙'을 정의하여 앱의 콘텐츠들을 제어할 수 있습니다. 예를 들어 화면 크기에 관계없이 특정 버튼이 항상 가운데 정렬되어 이미지의 8pt 아래에 있도록 할 수 있죠.
Auto Layout automatically readjusts layouts according to the specified constraints when certain environmental variations (known as traits) are detected. You can set your app to dynamically adapt to a wide range of traits, including: