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

2016-05-04
20 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

모바일 앱 아키텍처
Swift
shares0 views
Swift
shares0 views

모바일 앱 아키텍처

MJ Kim - 4월 22, 2017

이 내용은 나름대로 개발해본 내용을 토대로 정리해본 모바일 앱 아키텍처에 대한 내용이다. 이를 정리한 이유는 오래된 아키텍처부터 최근 아키텍처까지 정리해보고…

시간차를 얻는 Date Extension
Swift 3.0
shares4 views
Swift 3.0
shares4 views

시간차를 얻는 Date Extension

MJ Kim - 4월 12, 2017

사용자가 남길 내용에 대한 시간표시를 할 때 일정한 시간차를 표현해주는 경우가 있어 이에 대한 Date Extention을 정리해 보았다. [crayon-58fab9c10a4d1214011235/]  

Swift 3.1에서 없어진 문법 정리
Swift 3.0
shares31 views
Swift 3.0
shares31 views

Swift 3.1에서 없어진 문법 정리

MJ Kim - 3월 31, 2017

Swift언어는 무엇인가 나올때마다 없어지는 것들이 있어, Swift 3.1에서 컴파일할 수 없게 된 문법내용을 정리했다. switch문을 사용하여 enum에서 protocol을 여러가지 패턴으로…