iOS 오토레이아웃(Autolayout) 사용패턴3 – 화면 가운데에서 지정한 크기의 버튼 배치하기

2016-05-04
9 Views

화면 가운데에 100포인트 크기의 정사각형 이미지를 표시할 때 설정하는 방법을 알아보자. [Align] 버튼을 사용하여 요소 가운데로 위를 수평중앙과 수직중앙을 두고 [Pin] 버튼을 사용하여 요소 크기를 너비100, 높이100으로 고정하자.

1) Button요소를 선택하고 Align버튼을 클릭한다. 화면 가운데 정렬시 Align을 사용한다.

auto26

2) Horizontal Center in Container를 체크하여 수평방향 가운데를 맞춘다.

auto27

3) Vertical Center in Container를 체크하여 수직방향 가운데를 맞춘다.

auto28

4) Add 2 Constraints를 클릭하면 두가지 제약조건을 추가한다..

5) Pin버튼을 클릭하여 크기를 지정하기 위해 사용한다.

6) Width를 체크하고 100을 입력한다. 숫자를 입력하면 빨간색 점선이 실선이 된다.

7) Height를 체크하고 100을 입력하고 Add 2 Constraints를 클릭한다.

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