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

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

Xcode 기능 확장(Extension) 제거하기
Xcode
shares3 views
Xcode
shares3 views

Xcode 기능 확장(Extension) 제거하기

MJ Kim - 3월 18, 2017

Mac에서 Xcode Source Editor Extension등의 기능확장을 사용하다보면 디버깅시 시스템 환경 설정의 확장이 앱에 등록되는 경우가 있다. 계속해서 목록이 남아 있기…

iOS App Store Review(앱 심사약관) 번역
Swift 3.0
shares112 views
Swift 3.0
shares112 views

iOS App Store Review(앱 심사약관) 번역

MJ Kim - 3월 15, 2017

App Store Review를 번역했다. 사실 이번에 좀 애매한 리젝을 당해서 그걸 이해하고자 정리해본다. 원문링크: https://developer.apple.com/app-store/review/guidelines/ 1. 이약관은? 1.1 앱 개발자로서 프로그램의…

Raspberry Pi 타이머 On/Off 전원제어모듈 RPi1114-Raspberry Pi
IoT by Raspberry Pi
shares7 views
IoT by Raspberry Pi
shares7 views

Raspberry Pi 타이머 On/Off 전원제어모듈 RPi1114-Raspberry Pi

MJ Kim - 3월 04, 2017

RPi1114-Raspberry Pi전원제어 모듈이 있다. 이 제품은 40Pin GPIO핀헤더에 연결하여 사용하는 모듈로 Cortax-M0마이크로컨트롤러 LPC1114를 내장하고 Raspberry Pi의 시작과 정지 순서등을 프로그래밍할…