iPhone X용 앱 업데이트하기.

iPhone X은 멋진 5.8인치 Super Retina 디스플레이를 탑재하여 더 몰입감 높은 앱 경험을 제공할 수 있습니다. 지금 앱을 테스트하여 안전 영역을 준수하고 적응형 레이아웃을 지원하는 등 Super Retina 디스플레이에 준비되어 있는지 확인하십시오.

시뮬레이터에서 실행 및 테스트

Xcode 9의 최신 버전을 다운로드하여 시뮬레이터에서 앱 테스트를 시작하십시오. 앱이 iPhone X에 멋지게 표현되는지 확인하기 위한 기기 테스트를 시행하기 전에 앱의 UI 문제를 찾아 해결합니다.

전체 화면 기본 해상도 적용하기. 프로젝트의 기본 SDK가 iOS 11으로 설정되고 실행 스토리보드 또는 iPhone X 실행 이미지가 있는 경우, 앱이 iPhone X에서 전체 화면 디스플레이 모드로 실행됩니다.

앱의 모든 부분 확인하기. UI가 올바르게 표시되며 모든 요소가 바르게 배치되어 있고 겹치거나 잘못 확장되거나 잘린 부분이 없는지 확인합니다. 문제를 발견하면 safe area guides 및 레이아웃 여백을 사용하여 UI 요소를 올바르게 배치합니다.

시뮬레이터에서 앱의 일부만 실행되는 경우(예: 대부분 UIKit를 사용하지만 카메라 통합이 있는 경우), 시뮬레이터가 지원하지 않는 부분은 주석으로 처리하여 가능한 한 많이 UI를 테스트해야 합니다. 시뮬레이터의 자세한 사용법과 지원되는 기술에 대해서는 Simulator Help을 참조하십시오.

안전 영역 준수하기

레이아웃이 반드시 전면 Super Retina 디스플레이를 채우는 동시에 콘텐츠와 컨트롤 부분이 올바르게 표시되어야 하며 간단히 탭할 수 있어야 합니다. 안전 영역은 앱이 iPhone X의 새로운 규격에 맞게 제대로 동작하는지 확인하는 데 사용합니다.

또한 맞춤형 레이아웃이 적용된 앱은 손쉽게 iPhone X을 지원할 수 있으며, 특히 자동 레이아웃을 사용하거나 이러한 지침을 준수하는 앱은 지원이 용이합니다.

Safe areas for iPhone X Safe areas for iPhone X

상태 막대. 안전 영역을 기반으로 상태 막대 아래에 적절한 여유 공간을 두어야 합니다. 상태 막대 아래의 콘텐츠가 가려지거나 잘못 배치될 수 있으므로 상태 막대 높이 값을 예상하지 마십시오.

Correct use of status bar safe area for iPhone X
Incorrect use of status bar safe area for iPhone X

둥근 디스플레이 모서리 및 센서 하우징. 콘텐츠 및 컨트롤을 모서리와 센서 하우징에서 멀리 배치하여 앱이 잘리는 부분 없이 화면 전체에 표시되도록 합니다.

Correct use of rounded corners and sensors housing safe area for iPhone X
Incorrect use of rounded corners and sensors housing safe area for iPhone X

홈 표시. 앱이 홈 표시를 방해하지 않도록 하여 앱의 콘텐츠 및 컨트롤이 항상 깔끔하고 탭할 수 있게 표시되도록 합니다.

Correct use of Home Indicator safe area for iPhone X
Incorrect use of Home Indicator safe area for iPhone X

스크린 에지 제스처.iPhone X의 디스플레이에서는 스크린 에지 제스처를 사용하여 홈 화면, 앱 전환기,알림 센터제어 센터에 접근할 수 있습니다. 이러한 제스처와의 간섭을 피하십시오. 컨트롤을 안전 영역으로 옮기고 UI를 조정합니다. 드문 경우, 처음 화면을 밀 때 앱 특정 제스처가 나타나고 두 번째 화면을 밀 때 시스템 제스처가 나타나도록 에지 보호 기능을 사용하는 것을 고려해 볼 수 있습니다.

Incorrect use of Screen Edge Gestures safe area for iPhone X

다양한 화면 비율 및 화면 방향 지원하기

iPhone X의 화면 높이와 비율은 다른 iPhone 기기와 다릅니다. 세로 화면 방향에서 iPhone X 의 디스플레이 너비는 이전 모델의 4.7인치 디스플레이 너비와 일치합니다. 그러나 iPhone X의 디스플레이 높이는 4.7인치의 디스플레이보다 145포인트 더 높습니다.

서로 다른 화면 비율을 처리할 수 있는 코드인지 확인합니다. 많은 앱에서는 특정 너비, 높이 또는 화면 비율을 기반으로 콘텐츠를 배치합니다. 콘텐츠 크기가 변경되며 제대로 배치되었는지 확인합니다.

Correct handling of screen aspect ratio for iPhone X
Incorrect handling of screen aspect ratio for iPhone X
Incorrect handling of screen aspect ratio for iPhone X

가로 방향 화면에서 앱 테스트하기. 세로 방향 화면에서 문제가 발견될 수도 있지만, 대부분의 문제는 가로 방향 화면에서 나타납니다. 왼쪽과 오른쪽으로 기기 방향을 바꿔가며 모든 UI를 테스트하십시오.

Correct handling of landscape orientation for iPhone X
Incorrect handling of landscape orientation for iPhone X

비디오 크기를 올바르게 조정하기. iPhone X에서 비디오 콘텐츠는 디스플레이를 가득 채워야 합니다. 그러나 위 또는 아래가 잘리는 경우, 혹은 가장자리가 너무 많이 잘리는 경우에는 화면에 맞게 비디오를 조정해야 합니다. AVPlayerViewController가 자동으로 조정해 주지만, AVPlayerLayer 기반의 맞춤형 비디오 플레이어가 적절한 초기 비디오 중력 설정을 선택해야 하며 선호도에 따라 사용자가 aspect나 aspectFill 보기 모드로 전환할 수 있어야 합니다.

Human Interface Guidelines에서 더 알아보기

Correct video scaling for iPhone X
Incorrect video scaling for iPhone X

Face ID용 업데이트

Touch ID 코드가 Face ID에서 작동하는지 확인하기. 현재 앱이 Touch ID를 사용하는 경우 iPhone X에서 실행 시 Face ID에 대한 참조 텍스트를 업데이트합니다(예: 'Face ID로 로그인'). Face ID 및 Touch ID를 나타내는 아이콘을 사용하지 마십시오.