Compose 적응형 레이아웃 1.2 베타로 새로운 가능성 펼치기

Pixel 10 Pro Fold와 같은 새로운 폼 팩터가 Android 생태계에 합류함에 따라 적응형 앱 개발은 휴대전화, 태블릿, 폴더블 기기에서 고품질 사용자 환경을 만들려면 필수적입니다. 사용자는 앱의 UI가 이러한 다양한 크기와 자세에 원활하게 적응할 것으로 기대합니다.

이러한 동적 환경을 더 효율적으로 빌드할 수 있도록 Compose 적응형 레이아웃 라이브러리 1.2가 공식적으로 베타에 진입한다고 발표합니다. 이번 출시에서는 확장되는 기기 생태계를 위한 세련되고 반응형 UI를 만들 수 있는 강력한 새로운 도구를 제공합니다.

더 큰 캔버스를 위한 강력한 새 도구

Compose 적응형 레이아웃 라이브러리는 다양한 창 크기에 맞게 조정되는 UI를 빌드하기 위한 기본 툴킷입니다. 이 새로운 베타 버전에는 더 적은 코드로 정교한 레이아웃을 만들 수 있는 강력한 기능이 가득합니다. 주요 추가사항은 다음과 같습니다.

• 강력한 새로운 레이아웃 전략: 베타에서는 Pixel 10 Pro Fold, Galaxy Z Fold7, Z Flip7과 같은 기기의 외부 및 내부 디스플레이 모두에서 멋지게 보이는 다이내믹 레이아웃을 빌드하는 데 도움이 되도록 설계된 리플로우 및 레비테이트와 같은 새로운 레이아웃 전략을 도입합니다.
• 새로운 창 크기 클래스: 이번 출시에서는 새로운 대형 및 초대형 창 크기 클래스에 대한 기본 지원을 추가합니다. 이러한 새로운 중단점은 태블릿 및 대형 폴더블 기기와 같은 넓은 화면에서 다양한 멀티 창 UI 변경사항을 설계하고 트리거하는 데 필수적입니다.

두 가지 새로운 창 적응 전략: 리플로우 (왼쪽) 및 레비테이트 (오른쪽)

전체 변경사항 목록은 공식 출시 문서를 참고하세요. 표준 레이아웃 및 지원 창 레이아웃 빌드에 관한 가이드를 살펴보세요.

모든 화면에서 더 많은 사용자 참여 유도

적응형 사고방식을 채택하는 것은 권장사항일 뿐만 아니라 성장을 위한 전략입니다. 목표는 앱이 더 큰 화면에서 작동하도록 하는 것뿐만 아니라 사용자에게 더 직관적으로 만들어 빛을 발하도록 하는 것입니다. 단일 열 레이아웃을 단순히 늘리는 대신 추가 공간을 사용하여 더 효율적이고 몰입감 넘치는 환경을 만드는 방법을 생각해 보세요.

이것이 이러한 UI를 빌드하는 데 도움이 되도록 설계된 Compose 적응형 레이아웃 1.2 베타의 강력한 새 기능인 reflow와 같은 동적 레이아웃 전략의 핵심 원칙입니다. 예를 들어 멀티 창 레이아웃을 채택하는 것이 좋은 시작점입니다. 목록과 상응하는 세부정보 뷰를 나란히 표시하면 탭 수를 줄이고 사용자가 작업을 더 빠르게 완료할 수 있습니다.

이러한 사려 깊은 적응형 개발이 참여도를 높이는 데 진정으로 도움이 됩니다. 또한 #TheAndroidShow의 최신 에피소드에서 강조했듯이 휴대전화와 대형 화면 모두에서 앱을 사용하는 사용자의 참여도가 거의 3배 더 높은 이유가 바로 이것입니다. 적응형으로 빌드하면 현재 사용자의 만족도를 높일 뿐만 아니라 지속적인 충성도를 구축하고 신규 사용자에게 도달하는 데 도움이 되는 더 가치 있고 매력적인 환경을 만들 수 있습니다.

폴더블 기기에서 데스크톱까지 확장되는 Android 생태계

적응형 디자인으로의 이러한 전환은 전체 Android 생태계에 걸쳐 확장됩니다. 새로운 Pixel 10 Pro Fold에서 최신 삼성 갤럭시 폴더블 기기에 이르기까지 개발자는 5억 개 이상의 대형 화면 기기에서 크고 증가하는 사용자층의 참여를 유도할 수 있습니다.

이것이 바로 현재 개발자 프리뷰에서 사용해 볼 수 있는 연결된 디스플레이와 같은 미래 지향적인 환경에 계속 투자하는 이유이기도 합니다. 이 기능은 앱이 실행될 수 있는 새로운 표시 경로와 상호작용 모델을 열어 진정한 데스크톱급 기능과 멀티 인스턴스 워크플로를 지원합니다. 이전에 연결된 디스플레이 개발자 프리뷰를 시작하는 방법과 멀티 디바이스 환경의 미래를 어떻게 만들어 가는지에 관한 세부정보를 공유했습니다.

적응형 원칙 실천하기

이러한 적응형 미래에 대비하려는 개발자를 위해 몇 가지 주요 권장사항을 소개합니다.

• 인벤토리 가져오기: 첫 번째 단계는 현재 상황을 파악하는 것입니다. 앱 테스트를 Android 스튜디오에서 대형 화면 기기 또는 크기 조절 가능한 에뮬레이터로 진행하여 늘어난 UI 또는 사용성 문제와 같은 개선이 필요한 영역을 파악합니다.
• 최적화된 레이아웃 지원: Compose 적응형 레이아웃과 같은 라이브러리를 사용하여 다양한 창 크기와 기기 자세에 맞게 조정되는 UI를 빌드합니다. 앱은 방향을 제한하지 않고 세로 모드와 가로 모드 모두에서 잘 작동해야 합니다.
• 터치 이상의 기능 고려: 훌륭한 적응형 환경은 모든 입력 방법을 지원하는 것을 의미합니다. 이는 기본 기능을 넘어 사용자가 기대하는 마우스 커서의 호버 상태, 마우스 오른쪽 버튼 클릭 시 나타나는 컨텍스트 메뉴, 키보드 단축키 지원과 같은 사려 깊은 세부정보를 포함합니다.

앱의 잠재력은 더 이상 단일 화면에 국한되지 않습니다. 지금 바로 대형 화면 디자인 갤러리 및 앱 품질 가이드라인을 살펴보고 앱이 어디까지 갈 수 있는지 구상해 보세요. developer.android.com/adaptive-apps에서 영감을 얻고 모든 접기, 펼치기, 화면에 맞게 빌드하는 데 필요한 디자인 패턴, 공식 가이드, 샘플 앱을 찾아보세요.