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

2016-05-04
8 Views

화면 너비에 맞게 텍스트로 표시하는 버튼을 표시할 때 설정하는 방법을 설명한다. 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

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
shares8 views
IoT by Raspberry Pi
shares8 views

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

MJ Kim - 3월 04, 2017

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