iPhone X가 등장한 것으로 새롭게 주의해야 할 점을 Human Interface Guidelines에서 정리했습니다.
최소한 알아야 할 사항
레이아웃은 모든 화면 영역을 사용하여 표시됩니다. 화면의 네 모퉁이가 둥글기 때문에 끝이 잘릴 수 있습니다 수화구 주위 (상부 중앙)와 홈 화면으로 돌아가기위한 제스처 용 기준 표시 (하단)에 UI 요소가 덮여 보이지 않을 수 있습니다. 가로 폭은 iPhone8까지의 크기와 같지만, 세로가 길다 (1125px × 2436px (375pt × 812pt @ 3x)) SafeArea라는 새로운 개념이 있다 (Storyboard에 추가. 프로그램 측에서도 취급할 수 있다.) 상태 표시 줄의 높이는 기존 화면의 높이보다 높기 때문에 결정을 내렸을 때주의하십시오 기존에는 상태 표시 줄에 통화 중 등의 배경 작업 표시가되면 높이가 바뀌었지만 iPhone X에서는 높이가 변하지 않습니다. 화면의 종횡비가 크게 다르므로 전체 화면의 이미지 소재를 기존 화면과 사용하는 경우주의하십시오. 화면 하단의 스 와이프 제스처를 홈 버튼 대신 사용하기 위해 해당 영역의 사용자 지정 제스처가 비활성화됩니다.
대책에 대해서
표준 UI 파트를 사용하는 경우 거의 문제 없음 (NavigationBar, TableView, CollectionView, TabBar 등) 커스텀 파트를 사용하고 있어도 대응은 비교적 간단합니다 (특히 AutoLayout를 사용하고 있어, Storyboard상에서 SafeArea와 Margin의 레이아웃 가이드를 사용하고 있는 경우는 간단하게 대응할 수 있다.) 터미널이 없어도 Simulator에서 레이아웃을 확인할 수 있습니다 출처 :
iPhone X Human Interface Guidelines 알아두면 좋다
iPhone X의 화면은 기존의 화면보다 컬러 스페이스가 넓기 때문에 (Wide color) 이미지의 보이는 방법이 다를 수 있습니다 iPhone X에서는 사용자 정의 키보드를 사용하더라도 키보드 아래에 입력 방법 전환 버튼 및 음성 입력 버튼이 표시됩니다. 둥근 네 모퉁이 영역, 수화구 영역, 홈으로 돌아가기 하지 마십시오 (SafeArea 외부도 연속적으로 연결되어있는 것처럼 보입니다.) 또한이 영역에 사용자에게 지시하는 텍스트를 표시하여주의를 기울이지 않습니다. Auto-hiding 기능(홈으로 돌아가기 제스처에 대한 표시기를 숨깁니다. 사용자가 화면을 터치할 때 표시됨)을 자주 사용하지 않습니다. 이 기능은 비디오 재생 중이나 슬라이드 쇼 표시 중 등에서만 사용해야 합니다. iPhone X에서는 Touch ID가 아닌 Face ID를 사용하기 때문에 앱에 표시하는 문장 등으로 Touch ID에 대해 언급하고있는 경우 변경해야합니다.
실수, 추가 등 있으면 편집 요청하실 수 있습니다 도움이됩니다.
참고
htps : //에서 ゔぇぺぺr. 아 ぇ. 코 m/이오 s/후만-인테