Plantilla de pestaña

La plantilla de pestaña actúa como un contenedor para las plantillas que se enumeran a continuación y proporciona pestañas en la parte superior (como se muestra en Anatomía de la plantilla de pestaña).

Las pestañas permiten alternar entre las vistas. Esta función es particularmente útil para organizar el contenido o las vistas que los usuarios querrán explorar o buscar.

Incluye lo siguiente:

Cada vista de pestaña corresponde a una plantilla incorporada y solo puede estar activa una vista de pestaña a la vez.

Esquemas de página de la plantilla de pestaña

Anatomía de la plantilla de la pestaña

Esquemas de página de la plantilla de pestaña, incluidas todas las posibles plantillas incorporadas

La plantilla de pestaña consta de los siguientes elementos:

  1. Barra de pestañas, que puede mostrar hasta 4 pestañas
  2. Plantilla incorporada, con una de las siguientes plantillas: Lista, Cuadrícula, Búsqueda, Panel, Mensaje o Navigation

Ejemplos de plantillas de pestaña

Plantilla de pestaña con plantilla de lista incorporada
La vista de la pestaña "Todos los dispositivos" se crea con una plantilla de pestaña que contiene una plantilla de lista (ejemplo de Android Auto)
Plantilla de pestaña con plantilla de cuadrícula incorporada
La vista de la pestaña "Dispositivos de la casa" se crea con una plantilla de pestaña que contiene una plantilla de cuadrícula (ejemplo de Android Auto).

Requisitos de UX de la plantilla de pestaña

Desarrolladores de apps:

DEBE Proporciona íconos vectoriales monocromáticos para cada pestaña.
DEBE Incluye al menos 2 pestañas y no más de 4 en el encabezado de la app.
NO DEBE Permite que haya más de 1 pestaña activa a la vez.
NO DEBE Agrega un segundo nivel de pestañas para crear una navegación secundaria.
DEBES Usa etiquetas de tabulación cortas para evitar que se trunque.
NO DEBES Utiliza un encabezado o una barra de acciones en las plantillas incorporadas.