Auto Layout을 이용하여 기말 프로젝트때 만든 앱에 Constraints를 걸어보겠습니다.
프로젝트 App
위 앱은 마트에서 장을 볼때나 집에서 인터넷으로 쇼핑을 할때
할인 제품에 대한 가격을 빠르게 알아보기 위하여 만들어 보았습니다.
Constraints걸어주기
before : AutoLayout을 입히기 전
좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어주기 전에 실행한 캡쳐한 화면이다.
*각각 다르게 나타나는 크기와 화면 비율을 볼 수 있다.
After : AutoLayout을 입힌 후
좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어준 후에 실행한 캡쳐한 화면이다.
*각각 다르게 놀지 않고 최대한 모양을 유지하면서 이동하는 화면들과
화면 넓이가 넓어지면 칸의 크기도 늘어나며, 칸의 크기가 줄어든다면 같이 줄어드는
글자 칸들 또한 볼 수 있다.
'iOS_Mac기능 정리 > Auto Layout(오토레이아웃)' 카테고리의 다른 글
AutoLayout - self sizing (0) | 2022.01.13 |
---|---|
Auto Layout - Constraints의 시작점, 끝점 (0) | 2022.01.12 |
Auto Layout - 오류 자동 수정 (0) | 2022.01.12 |
Auto Layout - 사용법, 실습(두번째) (0) | 2022.01.11 |
Auto Layout - 사용법, 실습 (0) | 2022.01.11 |