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

2016-05-04
34 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

Gif 애니메이션으로 로딩 구현하기
Swift 3.0
shares5 views
Swift 3.0
shares5 views

Gif 애니메이션으로 로딩 구현하기

MJ Kim - 5월 24, 2017

이번에는 MBProgressHUD 라이브러리와 FLAAnimatedImage 라이브러리를 사용하여 gif 애니메이션을 사용하는 방법을 정리해본다. Cocoapods를 사용하여 라이브러리를 추가해도 되고 Carthage를 사용해서 추가해도 된다.…

Bluetooth기반 iOS기기로 통신하기
Swift 3.0
shares5 views
Swift 3.0
shares5 views

Bluetooth기반 iOS기기로 통신하기

MJ Kim - 5월 23, 2017

제 블로그에 관심이 있는 분이 블루투스를 사용한 방법을 알려달라고 하셔서 좀더 이해하기 쉬운 방법을 고민해서 한가지 팁을 공유합니다. 블루투스(Bluetooth)로 1대1로…

Apple지도 및 구글지도 앱을 여는 방법
Swift 3.0
shares7 views
Swift 3.0
shares7 views

Apple지도 및 구글지도 앱을 여는 방법

MJ Kim - 5월 16, 2017

지도 중심에 핀을 넣기 특정 지점에서 특정지점 루트를 표시하기  Apple 지도 앱 지도 중심에 핀세워서 위치 표시 [crayon-59263c2143145599914870/] 경로 표시…