그리드 템플릿

그리드는 항목을 그리드 레이아웃으로 표시합니다.

이 템플릿은 사용자가 선택할 때 주로 이미지에 의존할 때 유용합니다.

이 템플릿을 탭 템플릿에 삽입하여 탭 탐색 기능을 제공할 수 있습니다.

포함 항목:

  • 선택적 작업 스트립이 있는 헤더(이 템플릿이 탭 템플릿에 삽입되면 작업 스트립이 탭으로 대체됨)
  • 그리드 항목 (아래 참고 참고) - 각각 아이콘 또는 큰 이미지 포함
  • 각 그리드 항목의 기본 텍스트 (필수)
  • 각 그리드 항목의 보조 텍스트 (선택사항)
  • 플로팅 작업 버튼(선택사항)
그리드 템플릿 와이어프레임

그리드 템플릿 예

다음 Android Auto 및 Android Automotive OS (AAOS) 예는 그리드 템플릿을 사용하여 빌드되었습니다.

위치 표시 예
설정 표시 예

일부 항목에 보조 텍스트가 있는 그리드 (Android Auto 예)

한 항목의 아이콘이 일시적으로 로딩 스피너로 바뀐 그리드가 있고 다른 항목의 기본 텍스트가 사용 가능한 공간을 초과하므로 잘린 그리드 (AAOS 예)

그리드 템플릿 UX 요구사항

앱 개발자:

해야 하는 작업 기본 및 보조 텍스트 문자열의 길이를 제한하여 잘리지 않도록 합니다.
해야 하는 작업 각 그리드 항목과 연결된 작업이 있습니다 (정보 전용 항목은 권장되지 않음).
해야 하는 작업 이미지, 아이콘 또는 텍스트를 변형하여 항목 상태 (선택됨, 선택 해제됨 등 여러 상태가 있는 그리드 항목)를 명확하게 표시합니다.
해서는 안 되는 작업 작업 스트립플로팅 작업 버튼을 동시에 포함합니다.
가능한 작업 항목과 연결된 작업이 진행 중일 때 그리드 항목의 아이콘이나 이미지 대신 로딩 스피너를 표시합니다.