탭 템플릿은 아래에 나열된 다른 템플릿의 컨테이너 역할을 하며 상단에 탭을 제공합니다 (탭 템플릿 분석 참고).
탭을 사용하면 뷰 간에 전환할 수 있습니다. 이 기능은 사용자가 탐색하거나 검색할 콘텐츠나 뷰를 구성하는 데 특히 유용합니다.
포함 항목:
각 탭 뷰는 삽입된 템플릿 하나에 해당하며 한 번에 하나의 탭 뷰만 활성화될 수 있습니다.
![탭 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=6&hl=ko)
탭 템플릿 분석
![가능한 모든 삽입된 템플릿을 포함한 탭 템플릿의 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=6&hl=ko)
탭 템플릿은 다음 요소로 구성됩니다.
- 탭 바: 최대 4개의 탭을 표시할 수 있습니다.
- 삽입된 템플릿(목록, 그리드, 검색, 창, 메시지, 탐색 템플릿 중 하나를 사용)
탭 템플릿 예
![목록 템플릿이 삽입된 탭 템플릿](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=6&hl=ko)
![그리드 템플릿이 삽입된 탭 템플릿](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=6&hl=ko)
탭 템플릿 UX 요구사항
앱 개발자:
필수 | 각 탭에 단색 벡터 아이콘을 제공합니다. |
필수 | 앱 헤더에 2~4개의 탭을 포함합니다. |
해서는 안 되는 작업 | 한 번에 2개 이상의 탭을 활성화할 수 있습니다. |
해서는 안 되는 작업 | 두 번째 수준의 탭을 추가하여 보조 탐색을 만듭니다. |
해야 하는 작업 | 잘리지 않도록 짧은 탭 라벨을 사용하세요. |
해서는 안 되는 작업 | 삽입된 템플릿의 헤더 또는 작업 표시줄을 사용합니다. |