Swifter {Swift Developer}

메뉴

iOS 오토레이아웃(Autolayout) 사용패턴 7 – 화면 아래에 좌우로 여러 개의 버튼을 고정해서 배치하기

화면 너비에 맞게 버튼을 표시할 때 사용하는 설정 방법이다.

Pin버튼을 사용하여 아래에 첩번째 버튼 요소 끝에 화면 하단 아래에 0, 왼쪽 화면 왼쪽에 0, 오른쪽 화면의 오른쪽에 0으로 고정한다. 가로, 세로 비율을 고정한다. Pin버튼을 사용하여 아래에 두번째 버튼 요소끝을 하단 아래 요소에 0, 왼쪽 화면 왼쪽에 0, 오른쪽 화면 오른쪽에 0으로 고정하여 가로, 세로 비율을 고정한다.

1) Button요소를 2개 배치하고 아래에 첫번째 Button을 선택하고 pin버튼을 클릭한다.

auto42

2) [Constrain to margins]체크박스를 해제하고 □ 기준 아래 빨간점선을 클릭하고 0을 입력하고, 왼쪽 빨간점선을 클릭하고 0을 입력, 오른쪽 빨간점선을 클릭하고 0을 입력한다.

auto43

3) 다음으로 Aspect Ratio를 체크한다.

auto44

4) [Add 4 Constrains]를 선택한다.

5) 두번째 Button요소를 선택하고 Pin버튼을 클릭한다. 첫번째 버튼과 동일하게 [Constrain to margins]체크박스를 해제하고 □ 기준 아래, 왼쪽, 오른쪽 빨간점선을 클릭하고 0을 입력한다.

6) 다음으로 Aspect Ratio를 체크한다.

7) [Add 4 Constrains]를 선택한다. 이제 설정이 완료되었다.

Facebook Comments

카테고리:   Swift

댓글

죄송하지만 댓글은 닫혀 있습니다.