iOS/iOS SeSAC 2기 TIL

오토레이아웃

Developer-Michelle 2022. 7. 8. 10:50

오토레이아웃

제약조건 걸기

 

1. 디바이스 기준 여백 잡기(위 아래 왼쪽 오른쪽)

2. 뷰-뷰 : 상자가 2개 있다면 이 사이의 간격을 잡는다. (만나거나 겹치지 않게 최소 너비 설정)

3. 높이/너비 (상자마다)

 

다만, 여백 잡고 상자 하나 있는 경우, 여백 or 상자 너비 중에 선택해야하는 경우가 있다. (충돌나는 경우)

예를 들어, 디바이스 너비 100이고 상자 하나 넣었을 때, 여백을 각각 30 30(왼쪽 오른쪽) 잡은 경우, 상자너비까지 40이 아닌 다른걸로 잡으면 오류남

 

 

preview 이용해서 미리보기 여러 기기로 할 수 있음

(preview띄우는 방법: 보조창 띄우는거 위에)

 

 

clear constraints -> constraints 거는거 옆에 세모 모양 클릭하면 아래처럼 뜸 => selected view / all views in view controller 보고 선택 잘 하기

 

만약 버튼을 2개 만드는데, 하나에 오토레이아웃을 다 걸어놨는데 왼쪽 버튼도 똑같이 하고싶다면 오른쪽 마우스 드래그 클릭해서 똑같이 적용 가능

오른쪽마우스를 완전 수평으로 끌었을 때 위에처럼 뜬다

오른쪽마우스로 대각선으로 끌었을 때 위처럼 뜬다