Los botones les brindan a los usuarios acceso a las acciones que pueden necesitar realizar en el auto, por ejemplo, confirmar una elección o volver a la plantilla anterior.
Los botones pueden incluir lo siguiente:
- Solo ícono
- Solo etiqueta
- Ícono + etiqueta
Compatibilidad con plantillas
Puedes usar botones en los siguientes lugares:
- Plantilla de panel
- Plantilla de mensaje
- Plantilla de mensaje largo
- Plantillas de acceso
- En la barra de acciones de cualquier plantilla
Orientación
Ten en cuenta los siguientes consejos cuando diseñes botones para tu app.
Puedes proporcionar colores de primer plano y de fondo para reemplazar los colores predeterminados. Sin embargo, los OEMs de vehículos pueden elegir si usar o no los colores que proporcionas en las versiones de AAOS de tu app.
Puedes especificar qué botón es el botón principal.
Mantén las etiquetas cortas para evitar el truncamiento, en especial en la plantilla de navegación, donde el espacio es limitado.
Botones principales
En las plantillas de mensaje, mensaje largo y panel, que incluyen hasta 2 botones, puedes etiquetar de forma opcional un botón como principal para representar la acción principal.
El botón principal se destacará con el color de énfasis de la app para mejorar la visibilidad y la facilidad de uso.
Botones temporizados
Puedes crear botones asociados con acciones predeterminadas que se realizan automáticamente si el usuario no actúa dentro de un período especificado (personalizable por la app). Para obtener un flujo de muestra con esta estrategia, consulta Cómo responder a una alerta temporizada.
Para transmitir la cuenta regresiva al usuario, el botón se convierte en un temporizador con un indicador de progreso integrado. La cuenta regresiva del temporizador se indica mediante un sombreado que se mueve horizontalmente por el botón.
La Car App Library determina el color del temporizador según el color de fondo del botón y lo ajusta según sea necesario para garantizar un contraste suficiente.
Para crear un botón temporizado, asígnale una marca predeterminada.
En estos ejemplos, la acción Navegar o Aceptar se realizará automáticamente si el usuario no elige la otra acción antes de que el indicador de progreso sombreado se mueva por completo por el botón.