iOS 오토레이아웃(Autolayout) 사용패턴5 – 화면 왼쪽 하단 기준으로 고정된 크기 버튼 배치하기

2016-05-04
21 Views

화면 가장자리를 기준으로 로고나 버튼등을 표시할 때 사용하는 방법이다. Pin 버튼을 사용하여 요소끝을 왼쪽 화면의 왼쪽에서 20포인트, 하단 화면의 아래에 20포인트에 고정 요소 크기를 너비 100, 높이 100크기로 고정한다.

1) Button을 선택하고 Pin버튼을 클릭한다. Pin버튼을 선택하는 이유는 크기를 지정해야 하기 때문이다. [Constrain to margins]체크박스를 해제하여 좌우 여백을 사용하지 않도록 한다.

auto35

2) □ 옆 왼쪽 빨간 점선을 클릭하고 20을 입력하고 아래 빨간 점선을 클릭하고 20을 입력한다. 다음으로 Width를 체크하고 100입력하고 Height를 체크하고 100을 입력한다.

auto36

3) 모두 입력하고 체크해제등을 했다면 [Add 4 Constraints]을 클릭하면 설정이 완료된다.

4) 만약 화면에 노란선으로 표시된다면 [Resolve Auto Layout Issue]버튼을 클릭하고 Selected View의 [Update Frames]를 선택하여 화면 상태를 업데이트한다.

auto37

 

Facebook Comments

You may be interested

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

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

MJ Kim - 4월 29, 2017

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

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

[Swift3] UITextview의 keyboard 닫기

MJ Kim - 4월 29, 2017

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

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

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

MJ Kim - 4월 29, 2017

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