Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Prioriza la navegación de nivel superior simple y clara para las apps de música y así minimizar las distracciones de los conductores.
La mayoría de los automóviles ya establecieron la estructura y la visualización de las barras de la app.
Para crear pestañas en una app de medios basada en plantillas, consulta Cómo usar SectionedItemTemplate dentro de TabTemplate.
Planifica tus categorías
Deberás decidir qué categorías de contenido de nivel superior representarás como pestañas en la barra de la app y qué íconos y etiquetas proporcionarás para cada pestaña. Evita las categorías demasiado amplias que son difíciles de explorar mientras conduces. En su lugar, elige categorías que muestren contenido personalizado, como las siguientes:
Se usa con frecuencia, por ejemplo, para playlists o canales
Preferencias: Por ejemplo, artistas favoritos
Oportuna: Por ejemplo, canciones recientes
Curado: Por ejemplo, recomendaciones para ti
En este ejemplo, el contenido personalizado incluye canciones reproducidas recientemente, una forma
de descubrir más música y una lista de toda la música del usuario.
Requisitos de la pestaña de navegación
Es importante crear un modelo de navegación simple y coherente que se adapte a todos los tamaños de pantalla posibles.
Sigue estos requisitos y recomendaciones cuando diseñes las pestañas de navegación de tu app de contenido multimedia:
Nivel de requisito
Requisitos
OBLIGATORIO
Implementa no más de 4 pestañas (para AAOS)
Proporciona una etiqueta y un ícono vectorial monocromático (preferentemente blanco) para cada pestaña (para AAOS).
DEBE
Mantén las etiquetas de las pestañas lo más cortas posible para evitar que se trunquen.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-09-06 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-06 (UTC)"],[],[]]