Los botones les brindan a los usuarios acceso a acciones que pueden necesitar realizar en el automóvil, como confirmar una elección o volver a la plantilla anterior.
Los botones pueden incluir lo siguiente:
- Solo ícono
- Solo la etiqueta
- Ícono y 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 tira 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 OEM 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 Mensaje, Mensaje largo y Panel, que incluyen hasta 2 botones, puedes etiquetar de forma opcional uno de los botones como principal para representar la acción principal.
El botón principal se destacará con el color de énfasis de la app para que sea visible y fácil de usar.
Botones cronometrados
Puedes crear botones asociados a acciones predeterminadas que se realizan automáticamente si el usuario no actúa en un período especificado (que la app puede personalizar). Para ver un flujo de ejemplo que usa esta estrategia, consulta Cómo responder a una alerta cronometrada.
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 con un sombreado que se mueve horizontalmente por el botón.
La biblioteca de Car App 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 cronometrado, 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 desplace por completo a través del botón.