iOS 오토레이아웃(Autolayout) 사용패턴9 – 화면 상단 몇%지정된 위치까지 표시하기

2016-05-12
8 Views

이미지를 화면상단에서 몇 %로 지정해서 표시하고자할 때 사용한다.

Pin버튼을 사용하여 요소 가장자리를 상단 위에서 0, 왼쪽화면 왼쪽에서 0, 오른쪽화면 오른쪽에서 0으로 고정시키고 요소를 드래그하여 높이를 Superview화면의 30%로 구성한다. 높이를 30%로 하는 것은 두번째로 지정하고 Equal Height to를 사용하여 요소 너비를 Superview와 같은 100% 높이로 지정한다. 크기 관리자를 사용하요 비율을 30%로 변경한다.

1) 배치한 ImageView를 선택하여 Pin 이미지보기를 클릭한다. 다음으로 [Constrain to margins]를 체크해제하고 □ 주의의 위, 왼쪽, 오른쪽 빨간점선을 클릭하고 값을 모두 0으로 입력하고 하단의 [Add 3 Constraints]를 선택한다.

auto53

 

2) ImageView를 오른쪽 클릭한 상태로 세로로 드래그하여 배경 SuperView에 놓는다. 이 때 메뉴에서 [Equal Heights]를 선택한다.

auto54

3) ImageView를 선택하고 크기 관리자에서 Equal Height to:를 더블클릭한다. Second Item이 Superview로 되어 있는지 확인한다. 만약 First Item이 Superview로 되어 있는 경우 메뉴에서 [Reverse First And Second Item]을 선택하여 Second Item을 Superview로 변경한다.

auto55

4) Multiplier를 30:100으로 변경하여 ImageView가 Superview의 30%가 되도록 설정한다.

auto56

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