탭 템플릿

탭 템플릿은 아래에 나열된 다른 템플릿의 컨테이너 역할을 하며 상단에 탭을 제공합니다 (탭 템플릿 분석 참조).

탭을 사용하면 뷰 간에 전환할 수 있습니다. 이 기능은 사용자가 탐색하거나 검색할 콘텐츠 또는 뷰를 구성하는 데 특히 유용합니다.

포함 항목:

  • 앱 아이콘과 최대 4개의 탭 (뒤로 버튼 없음)이 있는 탭 바
  • 삽입된 템플릿(다음 유형 중 하나일 수 있음):

각 탭 보기는 하나의 삽입된 템플릿에 해당하며 한 번에 하나의 탭 보기만 활성화할 수 있습니다.

탭 템플릿 와이어프레임

탭 템플릿 분석

탭 템플릿의 와이어프레임(가능한 모든 삽입 템플릿 포함)

탭 템플릿은 다음 요소로 구성됩니다.

  1. 탭 바: 최대 4개의 탭을 표시할 수 있습니다.
  2. 삽입된 템플릿(목록, 그리드, 검색, 창, 메시지 템플릿 중 하나를 사용)

탭 템플릿 예

목록 템플릿이 삽입된 탭 템플릿
'모든 기기' 탭 뷰는 목록 템플릿이 포함된 탭 템플릿을 사용하여 생성됩니다 (Android Auto 예).
그리드 템플릿이 삽입된 탭 템플릿
'Home devices' 탭 뷰는 그리드 템플릿이 포함된 탭 템플릿을 사용하여 생성됩니다 (Android Auto 예)

탭 템플릿 UX 요구사항

앱 개발자:

필수 각 탭에 라벨이 있는 탭바와 단색 벡터 아이콘을 포함합니다.
필수 앱 헤더에 2~4개의 탭을 포함합니다.
필수 각 탭 보기에 비어 있지 않은 삽입된 템플릿을 포함합니다.
해서는 안 되는 작업 한 번에 2개 이상의 탭을 활성화할 수 있습니다.
해서는 안 되는 작업 두 번째 수준의 탭을 추가하여 보조 탐색을 만듭니다.
해야 하는 작업 잘리지 않도록 짧은 탭 라벨을 사용하세요.
해서는 안 되는 작업 삽입된 템플릿에 헤더나 작업 표시줄을 포함합니다.