iPhoneX UI 레이아웃 문제

우리 앱에는 3 개의 컨테이너 뷰가있는 uiviewcontroller가 세로로 쌓여 있습니다. 시뮬레이션에서 iPhoneX에서 앱을 실행할 때 iPhone 8/7에 표시되지 않는보기 위아래 공간이 있습니다. 여기 측 컨테이너의 비교 및 그들이 어떻게 각 레이아웃에 의해 측면의 :iPhoneX UI 레이아웃 문제

Side by side

오늘 아침에 애플 문서를 읽고 일을

° 일부 문제가에 대해 설정 한 안전 지역 수 있습니다 것 같습니다 인터넷 검색 애플에 따르면 아이폰 X에서 상단과 하단 레이아웃 가이드가이 해결책이 될 것입니다 :

https://developer.apple.com/documentation/uikit/uiview/positioning_content_relative_to_the_safe_area

문제는 우리가이 시간에 아이폰 OS (11)을 대상으로하지 않는, 우리는 9와 10은 가지고 호환 될 필요가 다른 누구도 iPhone X를 최적화했지만 타겟팅하지는 않았습니다. 11 아직? 어떤 도움을 주시면 감사하겠습니다.

출처

2017-11-21 Steve Suranie

아이폰 X는 아이폰 OS 9/10을 지원하지 않습니다, 그것은 * 아이폰 OS (11) – the4kman

함께 * 사전 설치되어 제공 내가 발사 스토리 보드를 사용하지 않았고 발사 이미지에 iPhone X 크기가 포함되어 있지 않은 것처럼 보입니다. – Paulw11

발사 스토리 보드가 있으며, 아래의 Kevinosaurio의 제안을 사용하여 약간의 이득을 얻을 수있었습니다. –

변경 대상이 필요 없습니다. VC에 안전 영역을 추가하고 제약 조건을 설정하기 만하면됩니다.

새로운 기능 : 요 안전 영역을 추가 할 때, 안전 영역보기에 나타납니다

설정 수직 공간을 볼 수있는 지역 저장에서. 당신이 제약 도움이 필요한 경우 : https://www.raywenderlich.com/160527/auto-layout-tutorial-ios-11-getting-started

이 제약 조건은 다음과 같이 표시해야합니다

이

출처

2017-11-21 17:32:46 Kevinosaurio

이러한 설정을 선택 취소하면 약간의 이득을 얻지 만 하단의 것과 마찬가지로 상단 컨테이너와 상단 노치 사이에 공간이 남아 있습니다. 제약 조건을 안전 영역에 어떻게 설정합니까? –

내 편집자를 편집했습니다. – Kevinosaurio

답변

관련 문제