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

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

모바일 앱 아키텍처
Swift
shares11 views
Swift
shares11 views

모바일 앱 아키텍처

MJ Kim - 4월 22, 2017

이 내용은 나름대로 개발해본 내용을 토대로 정리해본 모바일 앱 아키텍처에 대한 내용이다. 이를 정리한 이유는 오래된 아키텍처부터 최근 아키텍처까지 정리해보고…

시간차를 얻는 Date Extension
Swift 3.0
shares6 views
Swift 3.0
shares6 views

시간차를 얻는 Date Extension

MJ Kim - 4월 12, 2017

사용자가 남길 내용에 대한 시간표시를 할 때 일정한 시간차를 표현해주는 경우가 있어 이에 대한 Date Extention을 정리해 보았다. [crayon-58fb918bc2827571583296/]  

Swift 3.1에서 없어진 문법 정리
Swift 3.0
shares34 views
Swift 3.0
shares34 views

Swift 3.1에서 없어진 문법 정리

MJ Kim - 3월 31, 2017

Swift언어는 무엇인가 나올때마다 없어지는 것들이 있어, Swift 3.1에서 컴파일할 수 없게 된 문법내용을 정리했다. switch문을 사용하여 enum에서 protocol을 여러가지 패턴으로…