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

0

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

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

No more articles