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

2016-05-04
20 Views

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

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

You may be interested

모바일 앱 아키텍처
Swift
shares11 views
Swift
shares11 views

모바일 앱 아키텍처

MJ Kim - 4월 22, 2017

이 내용은 나름대로 개발해본 내용을 토대로 정리해본 모바일 앱 아키텍처에 대한 내용이다. 이를 정리한 이유는 오래된 아키텍처부터 최근 아키텍처까지 정리해보고…

시간차를 얻는 Date Extension
Swift 3.0
shares6 views
Swift 3.0
shares6 views

시간차를 얻는 Date Extension

MJ Kim - 4월 12, 2017

사용자가 남길 내용에 대한 시간표시를 할 때 일정한 시간차를 표현해주는 경우가 있어 이에 대한 Date Extention을 정리해 보았다. [crayon-58fc173e3691a762556707/]  

Swift 3.1에서 없어진 문법 정리
Swift 3.0
shares34 views
Swift 3.0
shares34 views

Swift 3.1에서 없어진 문법 정리

MJ Kim - 3월 31, 2017

Swift언어는 무엇인가 나올때마다 없어지는 것들이 있어, Swift 3.1에서 컴파일할 수 없게 된 문법내용을 정리했다. switch문을 사용하여 enum에서 protocol을 여러가지 패턴으로…