iOS 오토레이아웃(Autolayout) 사용패턴 6 – 화면 아래에 좌우에 여러 개의 버튼을 높이만 고정상태로 두기

2016-05-04
42 Views

화면 너비에 맞게 텍스트로 표시하는 버튼을 표시할 때 설정하는 방법을 설명한다. Pin 버튼을 사용하여 아래에서 첫번째 버튼 요소의 끝을 하단 화면 아래에서 0, 왼쪽화면 왼쪽에서 0, 오른쪽 화면 오른쪽에서 0으로 고정한다. 그리고 버튼 크기는 높이 50으로 고정한다.

Pin 버튼을 사용하여 아래에서 두번째 버튼 요소끝을 하단을 아래 요소에 0, 왼쪽 화면 왼쪽에서 0, 오른쪽 화면 오른쪽에 0으로 고정한다.

1) Button 2개를 배치한다.

auto38

2) 첫번째 Button을 선택하고 Pin버튼을 클릭한다.

auto39

3) [Constrain to margins] 체크를 해제하고 □ 아래빨간점선을 클릭하고 0을 클릭하고 다음으로 □기준 왼쪽과 오른쪽 빨간점선을 클릭하고 0을 입력한다.

4) Height를 체크하고 50을 입력한다.

5) [Add 4 Constraints]을 클릭한다. 다음으로 두번째 Button을 선택하고 Pin버튼을 클릭한다.

auto40

6) □ 기준 아래, 왼쪽, 오른쪽 빨간점선을 클릭하고 0을 입력한다. Height에 체크하고 50포인트를 입력한다.

7) [Add 4 Constraints]를 클릭하면 설정이 완료된다. 단, 화면에 노란선이 나오면 [Resolve Auto Layout Issue]버튼을 누르고 Selected Views의 [Update Frames]을 선택한다.

auto41

 

Facebook Comments

You may be interested

Gif 애니메이션으로 로딩 구현하기
Swift 3.0
shares5 views
Swift 3.0
shares5 views

Gif 애니메이션으로 로딩 구현하기

MJ Kim - 5월 24, 2017

이번에는 MBProgressHUD 라이브러리와 FLAAnimatedImage 라이브러리를 사용하여 gif 애니메이션을 사용하는 방법을 정리해본다. Cocoapods를 사용하여 라이브러리를 추가해도 되고 Carthage를 사용해서 추가해도 된다.…

Bluetooth기반 iOS기기로 통신하기
Swift 3.0
shares4 views
Swift 3.0
shares4 views

Bluetooth기반 iOS기기로 통신하기

MJ Kim - 5월 23, 2017

제 블로그에 관심이 있는 분이 블루투스를 사용한 방법을 알려달라고 하셔서 좀더 이해하기 쉬운 방법을 고민해서 한가지 팁을 공유합니다. 블루투스(Bluetooth)로 1대1로…

Apple지도 및 구글지도 앱을 여는 방법
Swift 3.0
shares6 views
Swift 3.0
shares6 views

Apple지도 및 구글지도 앱을 여는 방법

MJ Kim - 5월 16, 2017

지도 중심에 핀을 넣기 특정 지점에서 특정지점 루트를 표시하기  Apple 지도 앱 지도 중심에 핀세워서 위치 표시 [crayon-59256a91b1f48639881055/] 경로 표시…