Layout

Using a consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices.

• 다양한 컨텍스트에 적응하는 일관된 레이아웃을 사용하면 사용자 경험이 더 쉽게 접근할 수 있고 사람들이 모든 디바이스에서 좋아하는 앱과 게임을 즐길 수 있습니다.

Guides and safe areas

A layout guide defines a rectangular region that helps you position, align, and space your content on the screen. The system includes predefined layout guides that make it easy to apply standard margins around content and restrict the width of text for optimal readability. You can also define custom layout guides.

• 레이아웃 가이드는 화면에서 콘텐츠를 배치, 정렬, 간격을 두는 데 도움이 되는 직사각형 영역을 정의합니다. 시스템에는 콘텐츠 주변에 표준여백을 쉽게 적용하고 최적의 가독성을 위해 텍스트 너비를 제한할 수 있는 미리 정의된 레이아웃 가이드가 포함되어 있습니다. 사용자 정의 레이아웃 안내선을 정의할 수도 있습니다.

A safe area defines the area within a view that isn’t covered by a navigation bar, tab bar, toolbar, or other views a window might provide. Safe areas are essential for avoiding a device’s display and interactive features, like a sensor housing or Home indicator.

• 안전 영역은 탐색 메뉴, 탭 표시줄, 툴바 또는 창이 제공할 수 있는 기타 보기로 덮어지 않는 보기 내의 영역을 정의합니다. 센서 하우징**(노치)** 또는 홈표시기(홈 버튼)와 같은 장치의 디스플레이 및 대화형 기능을 피하려면 안전 영역이 필수적입니다.

In iOS, iPadOS, and tvOS, the system defines a collection of traits that characterize variations in the device environment that can affect the way your app displays on the screen. Using SwiftUI or Auto Layout, you can ensure that your interface adapts dynamically to a wide range of traits, including:

• iOS, iPadOS, tvOS에서 시스템은 앱이 화면에 표시되는 방식에 영향을 줄 수 있는 기기 환경의 변화를 특징짓는 특성 모음을 정의합니다. SwiftUI 또는 Auto Layout을 사용하면 인터페이스가 다음을 포함한 광범위한 특성에 동적으로 적응하도록 할 수 있습니다.

• Different device screen sizes, resolutions, and color spaces
• Different device orientations (portrait/landscape)
• Split view
• Multitasking modes on iPad
• Dynamic Type text-size changes
• Internationalization features the system can enable based on locale (left-to-right/right-to-left layout direction, date/time/number formatting, font variation, text length)
• System feature availability

Best practices