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

2016-05-12
35 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

Gif 애니메이션으로 로딩 구현하기
Swift 3.0
shares5 views
Swift 3.0
shares5 views

Gif 애니메이션으로 로딩 구현하기

MJ Kim - 5월 24, 2017

이번에는 MBProgressHUD 라이브러리와 FLAAnimatedImage 라이브러리를 사용하여 gif 애니메이션을 사용하는 방법을 정리해본다. Cocoapods를 사용하여 라이브러리를 추가해도 되고 Carthage를 사용해서 추가해도 된다.…

Bluetooth기반 iOS기기로 통신하기
Swift 3.0
shares3 views
Swift 3.0
shares3 views

Bluetooth기반 iOS기기로 통신하기

MJ Kim - 5월 23, 2017

제 블로그에 관심이 있는 분이 블루투스를 사용한 방법을 알려달라고 하셔서 좀더 이해하기 쉬운 방법을 고민해서 한가지 팁을 공유합니다. 블루투스(Bluetooth)로 1대1로…

Apple지도 및 구글지도 앱을 여는 방법
Swift 3.0
shares6 views
Swift 3.0
shares6 views

Apple지도 및 구글지도 앱을 여는 방법

MJ Kim - 5월 16, 2017

지도 중심에 핀을 넣기 특정 지점에서 특정지점 루트를 표시하기  Apple 지도 앱 지도 중심에 핀세워서 위치 표시 [crayon-59250e1405623805014385/] 경로 표시…