본문 바로가기

iOS

[iOS] 오토 레이아웃(Auto Layout)

Auto Layout이란?

뷰 계층 구조에 있는 모든 뷰의 크기와 위치를 해당 뷰에 적용된 제약 조건(constraints)에 따라 동적으로 계산하는 것을 의미합니다.

 

오토레이아웃이 무엇인지, 또 어떻게 사용하는지에 대한 정보 글은 정말 많아서

실제 개발할 때 신경써야 하는 부분에 대해 적어보고자 합니다.

 

오토레이아웃을 사용할 때 신경써야 할 것들

이미지가 가운데 오게 하려고 제약조건으로 정렬(Alignment) CenterX, Center Y를 부여

1. 뷰는 기본적으로 좌표(x, y)와 크기(width, height)를 갖는다. 만약 top, bottom, leading, trailing 조건을 준다면 상관 없지만,

    Align Horizontal, Vertical만 준다면 width와 height를 통해 뷰의 크기를 정해줘야 한다.

 

2. 시뮬레이터에서 UI가 의도한대로 그려져도 위 사진과 같이 에러(빨간색)가 보인다면 원인을 찾아 해결해야 한다.

     (위 상황은 Align Horizontal, Vertical을 통해 뷰의 좌표는 해결했지만 크기를 주지 않아 생긴 에러)