ELLO의 개발일지

이번에는 여러 view에 대한 Auto Layout을 적용해보겠습니다. [Step 1] view 3개 생성하기 먼저 green View에 제약조건을 모두 설정해보겠습니다. 아직 빨간 부분이 존재합니다. 이번에는 pupple View의 제약조건을 모두 설정해보겠습니다. green View의 제약조건은 모두 만족하는 것을 확인할 수 있습니다. [Step 2] pupple의 왼쪽 가장자리 제약조건을 선택하고 green의 왼쪽 가장자리에 맞추기 pupple의 왼쪽 가장자리가 green의 왼쪽 가장자리에 맞춰진 것을 확인할 수 있습니다. 여기서 왼쪽 Constant를 30으로 조정해보겠습니다. 왼쪽을 30으로 줄인 만큼 pupple의 크기가 줄어든 것을 확인할 수 있습니다. 왜 위치가 변하지 않고 크기가 줄어들었..

스토리 보드에서 화면을 그릴 때 사용하는 Auto Layout에 대해서 알아보겠습니다. Auto Layout(오토 레이아웃)이란 view 간의 제약 조건(Constraints)으로 view의 크기와 위치를 동적으로 지정하는 것을 말합니다. 여기서 제약조건에는 view의 높이, 너비, 수직 및 수평 중심, 그리고 view의 가장자리(Leading - 왼쪽, Trailing - 오른쪽, Top - 위, Bottom - 아래) 등이 있습니다. Auto Layout Guide 참고 내용입니다. Understanding Auto Layout Auto Layout Guide: Understanding Auto Layout developer.apple.com Auto Layout을 이용해서 Constraints를 설..