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

2016-05-04
21 Views

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

You may be interested

[Swift3] 폐쇄(Closure)에 대해 살짝 이해할 수 있는 팁
Swift 3.0
shares10 views
Swift 3.0
shares10 views

[Swift3] 폐쇄(Closure)에 대해 살짝 이해할 수 있는 팁

MJ Kim - 4월 29, 2017

몇몇 개발자를 만나 개발을 하다보면, 폐쇄(Closure)에 대해 이해를 하지 못해서 간단하게 바로 이해할 수 있는 팁을 정리해본다. 앱을 개발하다보면 https통신을…

[Swift3] UITextview의 keyboard 닫기
Swift 3.0
shares2 views
Swift 3.0
shares2 views

[Swift3] UITextview의 keyboard 닫기

MJ Kim - 4월 29, 2017

스토리보드에서 델리게이트를 선언하고 class에 UITextViewDelegate를 상속받아서 delegate=self를 viewDidLoad에서 설정하면 간단하게 해결되는데 가끔 헷깔려 하는 경우가 있어 적어본다. [crayon-59048ef239dbd081829529/] [crayon-59048ef239dc2802898005/] [crayon-59048ef239dc4450851421/]…

스토리보드에서 다국어 지원 및 Xcode 8.3이상에서 이슈
Swift 3.0
shares5 views
Swift 3.0
shares5 views

스토리보드에서 다국어 지원 및 Xcode 8.3이상에서 이슈

MJ Kim - 4월 29, 2017

다국어 지원은 우선 Localizable.strings파일을 생성한 다음 언어를 지정한다. 그리고 필자가 자주 사용하는 일부 컨트롤들에 대한 확장(extension)을 추가한 다음 스토리보드에서 사용하는…