#adaptive layout

10+ Best Free Tutorials on Mobile Design

These tutorials are a great starting point for your journey from mobile design beginner to guru.

Mobile design is constantly evolving and if you want to stay up to date, you need to always be reading and watching quality tutorials. The good news is there are a lot to choose from, but the bad news is that even with all the time in the world, you can’t read or watch everything.

In this article,…

오토레이아웃 애니메이션 (3) – iOS Adaptive Layout and Animation

iOS Adaptive Layout and Animation

오늘은 지난 시간에 작업한 프로젝트를 조금 수정하여 아이폰 가로모드일때 Adaptive Layout이 적용될 수 있도록 해 보겠습니다. 또한 레이블에 큐브 애니메이션 효과도 줘 보겠습니다.

Adaptive Layout과 애니메이션이 적용된 최종 화면은 아래와 같습니다.

먼저 아래 링크에서 프로젝트 파일을 받아주세요.

Download

다운로드 받은 프로젝트 파일의 아이폰 가로화면은 아래와 같습니다. 나쁘진 않지만 좌, 우측 여백을 좀 더 사용하면 어떨까 합니다.

위 UI를 아이폰 가로모드일 때만 아래와 같이 되도록 바꾸어 볼텐데요. 오토레이아웃의 Adaptive Layout을 이용하면 아이패드, 아이폰 가로모드, 아이폰 6+ 등 여러 디바이스…