2017-09-08 14 views

답변

6

안전 영역은 레이아웃 가이드 (Safe Area Layout Guide)입니다.
막대 및 기타 내용에 의해 눈에 띄지 않는보기 부분을 나타내는 레이아웃 가이드입니다. iOS 11에서 Apple은 위쪽 및 아래쪽 레이아웃 가이드를 권장하지 않으며 단일 안전 영역 레이아웃 가이드로 대체합니다.

화면에보기가 보이는 경우이 안내서는 다른 내용으로는 볼 수없는 부분을 반영합니다. 보기의 안전한 영역은보기 콘트롤러의보기를 가릴 수있는 탐색 막대, 탭 막대, 도구 막대 및 기타 조상으로 덮힌 영역을 나타냅니다. (tvOS에서 안전 영역은 UIScreen의 overscanCompensationInsets 속성에 정의 된대로 화면의 베젤을 통합합니다.) 또한보기 컨트롤러의 additionalSafeAreaInsets 속성으로 정의 된 추가 공간을 포함합니다. 보기가 현재보기 계층 구조에 설치되어 있지 않거나 화면에 아직 표시되지 않는 경우 레이아웃 안내서는 항상보기의 가장자리와 일치합니다.

보기 컨트롤러의 루트보기의 경우이 속성의 안전 영역은 보이지 않는보기 컨트롤러 내용의 전체 부분과 지정한 추가 인세 트를 나타냅니다. 뷰 계층 구조의 다른 뷰의 경우 안전 영역은 해당 뷰에서 가려진 부분 만 반영합니다. 뷰는 뷰 컨트롤러의 루트 뷰의 안전 영역 안에 모두 예를 들어,이 속성의 가장자리 세트는 Xcode 9 - Release note
인터페이스 빌더는 대체 UIView.safeAreaLayoutGuide를 사용하는 애플에 따르면 0

있습니다 UIViewController의 사용되지 않는 위쪽 및 아래쪽 레이아웃 가이드 새로운 안전 영역을 사용하려면보기 컨트롤러의 파일 속성에서 안전 영역 레이아웃 안내선을 선택한 다음 내용과 새로운 안전 영역 고정 사이에 구속 조건을 추가하십시오. 이렇게하면 상단 및 하단 막대와 tvOS의 오버 스캔 영역에 의해 콘텐츠가 가려지는 것을 방지 할 수 있습니다. 안전 영역에 대한 제약 조건은 이전 버전의 iOS에 배포 할 때 상단 및 하단으로 변환됩니다. 여기

enter image description here


기존 (& 맨 아래)의 비교는 (유사한 시각적 효과를 만들기 위해) 단순 기준 레이아웃 가이드 및 안전 영역 레이아웃 가이드이다.

안전 영역 레이아웃 : enter image description here

자동 레이아웃은 다음 enter image description here


Safe Area Layout Guide

애플 개발자 공식 문서입니다iPhone-X의 사용자 인터페이스 디자인을 처리하려면 안전 영역이 필요합니다. 여기에 대한 기본 지침은 How to design user interface for iPhone-X using Safe Area Layout

4

안전 영역은 레이아웃 가이드입니다. 막대 및 기타 내용에 의해 눈에 띄지 않는보기 부분을 나타내는 레이아웃 가이드입니다. iOS 11에서 Apple은 위쪽 및 아래쪽 레이아웃 가이드를 권장하지 않으며 단일 안전 영역 레이아웃 가이드로 대체합니다.

Apple은 iOS 7에서 UIViewController의 속성으로 topLayoutGuide 및 bottomLayoutGuide를 소개했습니다. 사용자가 콘텐츠를 상태, 탐색 또는 탭 바와 같은 UIKit 막대에 의해 숨겨지지 않도록 제약 조건을 만들 수있었습니다. 이 레이아웃 가이드는 iOS 11에서 더 이상 사용되지 않으며 단일 안전 영역 레이아웃 가이드로 대체되었습니다.

3
입니다.

Enable Safe Area layout guide

enter image description here

enter image description here

enter image description here enter image description here

안전 라벨 제약은 -

enter image description here

  • Safe Area Layout Guide (3210)는 UIView 속성입니다, 안전 분야는 전반적인 인터페이스의 보이는 부분 내에 뷰를 배치 도움이됩니다.

  • 안전 영역에는 탐색 모음, 탭 모음, 도구 모음 및 기타 조상보기가 포함되지 않습니다.

  • 콘텐츠를 배치하는 데 도움이되는 안전한 영역을 사용하십시오.

  • iPhone X를 디자인 할 때 레이아웃이 화면을 채우고 장치의 둥근 모서리, 센서 하우징 또는 홈 화면에 액세스하기위한 표시기로 가려지지 않도록해야합니다.

  • 배경이 디스플레이 가장자리까지 확장되고 테이블 및 컬렉션과 같이 세로로 스크롤 가능한 레이아웃이 맨 아래까지 계속 이어지는 지 확인하십시오.

Apple Doc Safe area layoutguide

iPhone X Design Guide

+0

니스 잭 ... :) – Krunal