Swifter {Swift Developer}

메뉴

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

화면 가운데에 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

카테고리:   Swift

댓글

죄송하지만 댓글은 닫혀 있습니다.