Swifter {Swift Developer}

메뉴

iOS 오토레이아웃(Autolayout) 사용패턴5 – 화면 왼쪽 하단 기준으로 고정된 크기 버튼 배치하기

화면 가장자리를 기준으로 로고나 버튼등을 표시할 때 사용하는 방법이다. Pin 버튼을 사용하여 요소끝을 왼쪽 화면의 왼쪽에서 20포인트, 하단 화면의 아래에 20포인트에 고정 요소 크기를 너비 100, 높이 100크기로 고정한다.

1) Button을 선택하고 Pin버튼을 클릭한다. Pin버튼을 선택하는 이유는 크기를 지정해야 하기 때문이다. [Constrain to margins]체크박스를 해제하여 좌우 여백을 사용하지 않도록 한다.

auto35

2) □ 옆 왼쪽 빨간 점선을 클릭하고 20을 입력하고 아래 빨간 점선을 클릭하고 20을 입력한다. 다음으로 Width를 체크하고 100입력하고 Height를 체크하고 100을 입력한다.

auto36

3) 모두 입력하고 체크해제등을 했다면 [Add 4 Constraints]을 클릭하면 설정이 완료된다.

4) 만약 화면에 노란선으로 표시된다면 [Resolve Auto Layout Issue]버튼을 클릭하고 Selected View의 [Update Frames]를 선택하여 화면 상태를 업데이트한다.

auto37

 

Facebook Comments

카테고리:   Swift

댓글

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