iOS/StoryBoard

constraint설정

소재훈 2021. 12. 25. 03:50

요소를 선택한 후

위 constraint 버튼을 누르면 다음 속성들을 볼 수 있다.

add constraint

점선으로 표시된 막대를 눌러 어디로부터 constraint를 설정할지와 간격을 몇 픽셀로 둘 것인지를 결정할 수 있다.

앱을 다음과 같이 가로로 눕혔을 때 좌우에 빈공간이 생기는 이유는, safe area라는 배터리의 정보나 홈버튼이 오는 곳을 기준으로 constraint가 설정되어 있기 때문이다, trailing 부분과 leading부분의 뷰를 super view로 설정한 후 거리를 0으로 해주면 빈공간까지 가득 채워지는 것을 볼 수 있다.

safe area로 설정되어 있을 때
Trailing을 super view로 설정
super view로 설정한 이후.

Super View는 존재하는 뷰의 모든 요소를 포함하고 있는 제일 상위의 뷰라는 것을 기억해두자.

Safe View는 배터리 표시, 알림, 홈버튼 부분을 제외한 다음과 같은 부분을 나타낸다.

Safe Area

'iOS > StoryBoard' 카테고리의 다른 글

새로운 뷰를 나타내기, 값 전달  (0) 2022.01.02
요소에 적용된 constraint확인  (0) 2021.12.26
view, stack view  (0) 2021.12.26
Align Constraint  (0) 2021.12.25
이미지와 버튼 상호작용  (0) 2021.11.30