[Swift Tutorial] Swift UI Layout 안전 영역 / 화면 전체 채우기

# Swift 여백 없애기 / 화면 전체 채우기

1. 제약 조건 추가하기

추가한 view를 선택 후 오른쪽 하단의 제약사항 버튼을 추가해서 view의 제약사항을 추가한다.

붉은 화살표로 표시되어있는 선을 클릭하여 다른 view와 상대적인 거리 제약을 만든다.

4면을 값을 입력하면 거리 제약을 만들 수 있다. (위 사진은 거리 제약을 0으로 만듦)

 

제약 사항을 추가한 모습

거리 제약을 0으로 했음에도 여백이 생긴 이유는 거리 제약이 상단의 노치가 스크롤 바가 포함되어있는 안전영역(Safe area)과 이뤄졌기 때문이다.

가로 회전 모습

파랜색 view를 전체 화면으로 채우기 위해서는 이러한 제약사항을 safe area가 아닌 전체 view로 맞춰주면 된다.

 

2. 제약 사항 객체 바꾸기

위 그림과 같이 왼쪽 view controller에서 constraints(제약사항)을 클릭하여 수정할 제약사항을 선택한다.

오른쪽 삼각자 모양의 Size inspector를 선택 후 Second item을 safe area에서 super view를 선택 후 제약사항 거리(constraint distance)가 0인것을 확인하거나 0으로 바꾸어준다.

4면의 제약사항을 모두 동일하게 바꿔주면 여백이 없이 view를 화면에 가득 채울 수 있다.

같은 방법으로 화면에 가득찬 배경을 만들 수 있다.