폼 팩터 전반에 위젯 조정

keywords_public: adaptive, foundations, design, widgets, Jetpack Glance description: Glance로 빌드하고 다른 위젯 품질 고려사항을 고려하여 자동차, 데스크톱 등 다른 폼 팩터에서 위젯이 잘 작동하도록 합니다.

위젯은 Android Auto를 시작으로 Google 탑재 자동차에 이르기까지 추가 폼 팩터에 제공될 예정입니다. 기존 위젯을 최적화하여 Wear, 자동차, 데스크톱 등에서 원활하게 작동하도록 합니다.

위젯이 다양한 화면에서 고품질 환경을 제공하도록 위젯을 준비합니다.

위젯 준비

고품질 모바일 위젯은 일반적으로 자동차 환경에 잘 맞습니다. 고품질 위젯을 만들려면 다음 원칙을 따르세요.

  • Jetpack Glance로 위젯을 빌드합니다.
  • 자동차 디스플레이는 다양한 크기와 그리드 구성으로 제공되므로 위젯을 반응형으로 만듭니다. 다양한 레이아웃에서 위젯을 테스트하여 위젯이 올바르게 조정되는지 확인합니다.
  • 위젯에 밝은 테마와 어두운 테마를 모두 포함하여 낮과 밤에 모두 명확하게 보이도록 합니다.
  • 위젯이 차량 시스템의 통합된 부분처럼 느껴지도록 동적 테마를 구현합니다.
  • 위젯이 그리드 경계를 완전히 채우는지 확인합니다 (WL-1 위젯 품질 가이드라인).

한눈에 알아볼 수 있도록 빌드

자동차의 위젯은 한눈에 볼 수 있을 때 가장 효과적입니다. 위젯을 한눈에 알아볼 수 있도록 하려면 다음 작업을 실행하세요.

  • 자동차의 위젯은 수동 스크롤을 지원하지 않으므로 위젯을 한눈에 볼 수 있도록 디자인합니다.
  • 위젯이 스크롤 가능한 LazyColumn를 사용하는 경우 한 화면에 필요한 모든 정보를 제공하는 대체 버전의 위젯을 제공합니다. 그렇지 않으면 자동차 플랫폼은 목록의 처음 몇 개 항목만 표시합니다.
  • 자동차용으로 설계된 스크롤 가능한 세그먼트 목록을 사용하는 경우 가장 가치 있고 맞춤설정된 콘텐츠를 스크롤 가능한 컬렉션의 첫 번째 위치에 배치하여 첫 번째 페이지를 지정합니다. 이렇게 하면 운전자가 볼 수 있습니다.

참고 항목