탭 템플릿

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

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

포함 항목:

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

탭 와이어프레임

탭 템플릿 분석

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

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

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

탭 템플릿 예

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

탭 템플릿 UX 요구사항

앱 개발자:

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