Large Screen - Google i/o 2021

디바이스 화면의 크기는 점점 커지고 유저는 점점 여러 앱을 동시에 사용하고 싶어 한다.

태블릿 사용은 점점 증가하고 있다.

Large screen으로 생산성이 높아지고 유저가 앱을 더 오래 사용하게 해준다. Z fold2 유저들의 40.5%가 600dpi 이상의 해상도로 변경했다. 

접거나 펼치는 기능을 도입한 디즈니 플러스

Large screen을 지원하는 앱들

 

 

라지 스크린 기본적인 대응

Large screen 에 맞게 디자인

*가로*/세로 모드 지원, 앱이 모서리 부분까지 나타나는지, 600 dpi 이상의 태블릿 레이아웃을 추가

멀티테스킹 환경 지원

folding/unfolding, 멀티윈도우 지원, Z fold 양쪽 화면 multi-instance, multi-resume 지원

키보드/마우스 등 지원

 

UI 변경

SlidingPaneLayout 1.2.0

두 창에 너비를 이용해 창을 나란히 놓을 수 있는지 확인

• 200dp 채팅목록 + 400dp 채팅내용 = 600dp 에 나란히 놓을 수 있다.

폴드인지 힌지인지 검사해 콘텐츠를 그 위에 가로질러 자동 배치 / 폴드가 절반만 열리면 인식해서 전체 다 열리면 자동으로 배치

 

UI가 확장될때 보기 편하게 해줌

네비게이션 레일이 확장되고 아래 부분 네이게이션이 왼쪽으로 옮겨짐 

Material 컴포넌트에 maxWidth가 추가됨. 컴포넌트가 너무 확장되지 않도록 함

베타 단계

폴드 (Z Fold 2) / 힌지 (Microsoft Surface Duo) 등의 상태를 콜백으로 알려줌

ReactiveGuide 를 도입해 폴드 디바이스를 재현

폴드 앱이 펴지면 상세 정보창 이미지가 애니메이션 처리되면서 열림

ReactiveGuide로 fold position조정 -> 애니메이션 동작