오토레이아웃

오토레이아웃을 잡아야 하는 이유

우리는 프론트 개발의 일종이기 때문에 UI를 요구 사항에 맞게 구현해내는 능력이 매우 중요합니다. 특히 디자이너가 작업한 내용을 여러가지 기기에 대응해야 합니다. 또한 작은 기기 or 큰 기기에서 레이아웃이 깨지게 된다면 앱 심사에서 reject을 당할수도 있답니다.

오토레이아웃을 위한 필수 요소

오토레이아웃은 2가지만 기억하시면 됩니다.

  1. 내 위치
  2. 내 크기

<aside> ❗ Label, Button, Switch 등은 자신의 크기를 기본적으로 가집니다

</aside>

leading, trailing vs left, right

left: 왼쪽, right: 오른쪽

leading: Text가 시작되는 지점, trailing: Text가 끝나는 지점

→ 아랍권 국가에서는 Text가 오른쪽에서 시작하기 때문에 leading이 오른쪽, trailing이 왼쪽이 됩니다.

❗️애플에서는 다양한 국가에서의 지원을 지향하고 있기 때문에 leading과 trailing을 권장

Superview

계층구조에서 나의 ‘부모 뷰’를 담당하는 뷰. 추후 코드로 오토레이아웃을 잡는 경우 superview를 많이 활용하게 됩니다

Untitled