본문 바로가기
iOS_Mac기능 정리/Auto Layout(오토레이아웃)

Auto Layout - 실제로 프로젝트에 입히기

by chozjjae 2022. 1. 17.

Auto Layout을 이용하여 기말 프로젝트때 만든 앱에 Constraints를 걸어보겠습니다.


프로젝트 App

위 앱은 마트에서 장을 볼때나 집에서 인터넷으로 쇼핑을 할때

할인 제품에 대한 가격을 빠르게 알아보기 위하여 만들어 보았습니다.

 


Constraints걸어주기

before : AutoLayout을 입히기 전 

좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어주기 전에 실행한 캡쳐한 화면이다.

*각각 다르게 나타나는 크기와 화면 비율을 볼 수 있다.

After : AutoLayout을 입힌 후 

좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어준 후에 실행한 캡쳐한 화면이다.

*각각 다르게 놀지 않고 최대한 모양을 유지하면서 이동하는 화면들과

화면 넓이가 넓어지면 칸의 크기도 늘어나며, 칸의 크기가 줄어든다면 같이 줄어드는

글자 칸들 또한 볼 수 있다.