제품 뉴스

적응형 개발로 Googlebook에 앱 출시하기

읽는 데 4분 소요

Googlebook은 공유 Android 기반으로 구축된 새로운 카테고리의 노트북을 도입합니다. HP, Dell, Lenovo, Acer, Asus와 같은 파트너의 고성능 하드웨어는 모바일의 편리함과 데스크톱의 성능을 결합합니다. Googlebook은 고해상도 OLED 터치 스크린, 전용 키보드, 정밀 트랙패드를 제공하며, 하루 종일 지속되는 배터리 수명과 OS 수준의 Gemini 인텔리전스를 갖췄습니다. Googlebook을 사용하면 휴대전화에서 빠른 상호작용을 하다가 노트북에서 풍부하고 몰입도 높은 세션으로 부드럽게 전환할 수 있습니다.

앱을 Googlebook에 제공하면 Android 생태계 전반에서 유용한 기회를 얻을 수 있습니다. Google Play에서는 최적화된 제품명을 전용 배지, 개선된 검색, 선별된 스토어 홈페이지의 추천 스팟을 통해 강조합니다. 이 수준의 품질을 제공하면 앱 경험 프로그램에 등록하여 비즈니스 성장을 촉진하도록 설계된 새로운 프로그램 요율표를 이용할 수 있습니다. 더 나은 점은 사용자가 Android 휴대전화를 사용하여 새 Googlebook을 설정할 때 최적화된 앱이 쉽게 전송할 수 있도록 눈에 띄게 강조 표시되어 새 기기에서 앱을 바로 사용할 수 있다는 것입니다.

desktop optimized.png
Google Play의 데스크톱 배지 및 전용 컬렉션에 최적화되어 있습니다.

무엇보다도 이 도달범위를 활용하기 위해 처음부터 별도의 앱을 빌드할 필요는 없습니다. 적응형 개발은 최신 Android 앱이 대형 디스플레이, 새로운 기기 자세, 새로운 폼 팩터에 걸쳐 자연스럽게 확장되는 방식입니다. 앱이 이미 적응형 레이아웃을 지원하는 경우 Googlebook에 최적화되어 있습니다. 기존의 적응형 UI, 창 크기 클래스, 멀티 입력 지원을 기반으로 최적화된 환경을 제공할 수 있습니다.

image5.png
모바일 뷰를 다중 창 환경으로 재구성하는 적응형 레이아웃

데스크톱 기본사항에 앱 고정

노트북에서 앱은 사용자 기대치가 높은 정보 밀도, 정밀한 입력, 활성 멀티태스킹으로 바뀌는 데스크톱 환경 내에서 작동합니다. 데스크톱 개발 및 디자인 가이드에 따라 이 환경을 최대한 활용하는 데 필요한 원칙을 제공합니다. 적응형 레이아웃은 넓은 화면에 모바일 인터페이스를 단순히 늘리는 대신 콘텐츠를 기능별 그룹으로 재구성합니다.

창 경계가 변경될 때 UI가 확장되거나, 리플로우되거나, 더 풍부한 세부정보가 표시되도록 다중 창 아키텍처를 채택하세요. 탐색 3을 사용하면 적응형 장면 전략을 구현하여 백 스택에서 직접 다중 창 레이아웃을 조정할 수 있습니다. 확장된 창 공간을 사용할 수 있는 경우 ListDetailSceneStrategy 및 SupportingPaneSceneStrategy를 사용하여 나란히 배치된 레이아웃을 사용 설정합니다. 장면 데코레이터를 사용하면 영구 데스크톱 탐색 레일로 화면을 래핑할 수 있습니다. 이러한 패턴을 그리드 및 FlexBox와 같은 레이아웃 기본 요소와 함께, 곧 실험적인 MediaQuery 및 Styles API와 함께 사용하여 복잡한 콘텐츠를 정리하고 데스크톱 디스플레이의 시각적 스타일을 동적으로 조정할 수 있습니다.

image2.png
너비 기반 창 크기 클래스의 표현

자유 형식 데스크톱 창 모드에서는 언제든지 앱 창의 크기를 동적으로 조정할 수 있습니다. 레이아웃 결정은 실제 디스플레이 크기가 아닌 창 크기 클래스를 사용하여 사용 가능한 창 공간에 직접 반응해야 합니다.

데스크톱 디자인은 인체공학적 시청 거리와 정확한 포인터 타겟도 고려합니다. 더 큰 디스플레이에서 편안하게 볼 수 있도록 서체 스케일을 조정하고, 줄 길이를 읽기 쉽도록 레이아웃 최대 너비를 설정하고, 잘못된 클릭을 방지하도록 명시적 클릭 타겟을 정의하세요. 디자인 원칙 가이드에서 전체 디자인 패턴을 살펴보고 데스크톱 디자인 갤러리에서 실제 영감을 얻으세요.

Google 도서에 차별화된 환경 제공

핵심 레이아웃이 적응형이면 데스크톱 환경을 최대한 활용하는 차별화된 기능으로 앱을 보강할 수 있습니다. 이러한 설정에서 일상적인 생산성은 다재다능한 입력 방식에 달려 있습니다. Jetpack Compose는 실제 키보드 탐색과 포인터 선택을 기본적으로 지원합니다. 텍스트 입력, 창 크기 조절, 도구 선택에 시각적 피드백을 제공하는 상황별 커서를 통합하여 앱의 유용성을 높이세요. 마우스 오른쪽 버튼 클릭 컨텍스트 메뉴와 마우스 오버 상태를 구현하고 단축키 도우미를 통해 단축키를 검색할 수 있도록 합니다.

image4.png
여러 개의 열린 창과 앱 인스턴스를 표시하는 작업 전환기


Googlebook에서는 사용자가 여러 작업을 동시에 처리할 수 있는 자유 형식 창에서 앱이 실행됩니다. 멀티 인스턴스 지원을 사용 설정하여 나란히 표시 워크플로를 잠금 해제하면 사용자가 콘텐츠를 비교하거나 여러 문서를 관리하기 위해 독립적인 창을 실행할 수 있습니다. 드래그 앤 드롭과 결합하여 사용자가 창 간에 텍스트, 이미지, 파일을 유연하게 이동하거나 빈 작업공간에 항목을 드롭하여 새 작업을 가동할 수 있습니다.

image3.png
교차 윈도우 드래그 앤 드롭을 사용한 멀티 윈도우 멀티태스킹

창 프레임을 맞춤설정하여 몰입감을 높여 보세요. 데스크톱 창 모드에서 앱은 시스템 창 컨트롤을 준수하면서 맞춤 배경, 검색창 또는 탭으로 스타일을 지정할 수 있는 캡션 헤더 바를 포함합니다.

개별 앱 창 외에도 계속하기는 사용자가 한 화면에서 작업을 시작하고 다른 화면에서 원활하게 이어갈 수 있는 양방향 핸드오프를 통해 휴대전화, 태블릿, Googlebook 간에 환경을 연결합니다. HandoffActivityData를 통해 상태를 전달하면 문서 위치나 활성 탭과 같은 컨텍스트가 유지되며, 원활한 전환을 위해 선택적 웹 대체가 제공됩니다.

맞춤설정 가능한 위젯으로 한눈에 활용 가능한 정보를 표시하여 이를 보완하세요. 앱 환경을 개선할 때는 Google의 포괄적인 데스크톱 앱 품질 가이드라인을 기준으로 삼으세요.

개발자는 이미 생태계 전반에서 이러한 패턴을 구현하고 있습니다. Notability를 Googlebook에 도입할 때 태블릿과 폴더블에 대한 사전 투자를 통해 팀은 즉시 유리한 위치를 확보할 수 있었습니다. 레이아웃이 이미 창 크기 클래스와 적응형 장면 전략을 사용하고 있었기 때문에 창 크기를 조절하는 동안 캔버스와 툴바가 자연스럽게 리플로우되었으며 기존 키보드 및 트랙패드 지원이 그대로 유지되었습니다.

Notability의 Android 엔지니어링 관리자인 Ryan Shea는 '이미 태블릿과 폴더블을 위한 최고급 환경을 타겟팅하고 있었습니다'라고 설명합니다. "따라서 Googlebook이 출시될 무렵에는 Notability를 노트북 수준의 환경으로 확장하는 것이 이미 구축한 다이얼을 돌리는 것과 같았습니다. 그 덕분에 휴대폰에서 노트북으로 메모를 전달하는 '계속하기'와 같은 더 큰 화면이나 최신 API에서만 의미가 있는 작업과 학습을 위한 나란히 앱 환경 최적화에 시간을 할애할 수 있었습니다.'

전용 도구로 워크플로 가속화

Googlebook용 앱을 테스트하고 최적화하는 것은 기존 개발 워크플로에 자연스럽게 통합됩니다.

Android 스튜디오의 데스크톱 에뮬레이터를 사용하면 워크스테이션에서 직접 가상 데스크톱 환경을 실행하여 자유 형식 창 크기 조절을 테스트하고, 멀티 인스턴스 상호작용을 확인하고, 마우스, 트랙패드, 키보드 상호작용을 디버그할 수 있습니다. Android 스튜디오 카나리아를 다운로드하여 지금 가상 기기를 설정하세요.

AI 지원 개발로 레이아웃 현대화를 가속화하세요. 적응형 스킬은 AI 에이전트가 모바일 레이아웃을 반응형 Compose 컨테이너로 자동으로 리팩터링하는 데 필요한 컨텍스트를 제공합니다. Android CLI를 통해 직접 스킬을 설치하여 구현을 간소화하세요.

Googlebook에서 새로운 가능성 실현하기

Untitled design (2).png
생태계 파트너의 Googlebook 노트북 제품군

Googlebook 라인업은 Android 생태계의 새로운 장을 열어 앱에 더 풍부하고 강력한 환경을 제공할 수 있는 프리미엄 플랫폼을 제공합니다. 적응형으로 빌드하면 단일 코드베이스를 통해 휴대전화, 폴더블, 태블릿, Googlebook에서 앱이 최적으로 표시되고 실행되는 동시에 Google Play에서 가시성과 배지가 향상됩니다. Googlebook 개발자 허브에서 문서를 살펴보고, 데스크톱 디자인 가이드를 검토하고, 지금 바로 Googlebook용 빌드를 시작하세요.

작성자:
계속 읽기