iOS 오토레이아웃(Autolayout) 사용패턴 6 – 화면 아래에 좌우에 여러 개의 버튼을 높이만 고정상태로 두기

0

화면 너비에 맞게 텍스트로 표시하는 버튼을 표시할 때 설정하는 방법을 설명한다. Pin 버튼을 사용하여 아래에서 첫번째 버튼 요소의 끝을 하단 화면 아래에서 0, 왼쪽화면 왼쪽에서 0, 오른쪽 화면 오른쪽에서 0으로 고정한다. 그리고 버튼 크기는 높이 50으로 고정한다.

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

1) Button 2개를 배치한다.

auto38

2) 첫번째 Button을 선택하고 Pin버튼을 클릭한다.

auto39

3) [Constrain to margins] 체크를 해제하고 □ 아래빨간점선을 클릭하고 0을 클릭하고 다음으로 □기준 왼쪽과 오른쪽 빨간점선을 클릭하고 0을 입력한다.

4) Height를 체크하고 50을 입력한다.

5) [Add 4 Constraints]을 클릭한다. 다음으로 두번째 Button을 선택하고 Pin버튼을 클릭한다.

auto40

6) □ 기준 아래, 왼쪽, 오른쪽 빨간점선을 클릭하고 0을 입력한다. Height에 체크하고 50포인트를 입력한다.

7) [Add 4 Constraints]를 클릭하면 설정이 완료된다. 단, 화면에 노란선이 나오면 [Resolve Auto Layout Issue]버튼을 누르고 Selected Views의 [Update Frames]을 선택한다.

auto41

 

Facebook Comments

No more articles