iOS 오토레이아웃(Autolayout) 사용패턴5 – 화면 왼쪽 하단 기준으로 고정된 크기 버튼 배치하기

2016-05-04
10 Views

화면 가장자리를 기준으로 로고나 버튼등을 표시할 때 사용하는 방법이다. Pin 버튼을 사용하여 요소끝을 왼쪽 화면의 왼쪽에서 20포인트, 하단 화면의 아래에 20포인트에 고정 요소 크기를 너비 100, 높이 100크기로 고정한다.

1) Button을 선택하고 Pin버튼을 클릭한다. Pin버튼을 선택하는 이유는 크기를 지정해야 하기 때문이다. [Constrain to margins]체크박스를 해제하여 좌우 여백을 사용하지 않도록 한다.

auto35

2) □ 옆 왼쪽 빨간 점선을 클릭하고 20을 입력하고 아래 빨간 점선을 클릭하고 20을 입력한다. 다음으로 Width를 체크하고 100입력하고 Height를 체크하고 100을 입력한다.

auto36

3) 모두 입력하고 체크해제등을 했다면 [Add 4 Constraints]을 클릭하면 설정이 완료된다.

4) 만약 화면에 노란선으로 표시된다면 [Resolve Auto Layout Issue]버튼을 클릭하고 Selected View의 [Update Frames]를 선택하여 화면 상태를 업데이트한다.

auto37

 

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의 시작과 정지 순서등을 프로그래밍할…