Un botón comunica una acción que ocurrirá cuando un usuario lo toque.
Los botones son componentes estándar del Proyecto de código abierto de Android (AOSP). Pueden estar rellenados con un color de fondo sólido o sin rellenar (con un fondo transparente). Los botones rellenos indican una acción principal o preferida. Los botones pueden aparecer de forma independiente o en grupos, a diferencia de las pestañas, que siempre aparecen en grupos.
Anatomía
![Anatomía de los botones](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=6&hl=es-419)
2. Contenedor del botón con relleno, que indica la acción principal o preferida
3. Etiqueta del botón
Especificaciones
Longitud mínima y máxima del botón
![La longitud máxima de la etiqueta del botón es de 20 caracteres. El ancho mínimo del botón es de 156 dp.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=6&hl=es-419)
Botón con ícono frente a botón predeterminado
![Los botones pueden incluir íconos. Cuando se incluyen, los íconos suelen aparecer a la izquierda del texto del botón.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=6&hl=es-419)
Los botones pueden aparecer como elementos en otros componentes, como la barra de la app o los diálogos.
Posición del botón en la barra de la aplicación
![Los botones se ubican en el lado derecho de la barra de la aplicación.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=6&hl=es-419)
Botón en el diálogo
![Los botones de los diálogos suelen estar ubicados en la parte inferior izquierda.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=6&hl=es-419)
Botón hero
![Los bordes redondeados del botón hero enfatizan su importancia.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=6&hl=es-419)
Personalización
Para reflejar su marca, los OEMs pueden modificar la apariencia visual de un botón, por ejemplo:
- Cómo especificar un color de resalte
- Cómo proporcionar íconos personalizados
- Cómo agregar fuentes personalizadas
- Cambiar la apariencia de los botones activos, inactivos o inhabilitados
- Cómo configurar las dimensiones, la forma de las esquinas y las posiciones de los botones
- Usar el movimiento para proporcionar comentarios a los usuarios
La Guía de integración de la biblioteca de IU del vehículo proporciona orientación de los OEM para personalizar componentes.
El sistema de diseño proporciona orientación específica para usar el diseño, el color, la tipografía, el tamaño, la forma y el movimiento para personalizar los componentes.
Ejemplos
![botones sin completar y rellenos](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=6&hl=es-419)
![botón relleno inhabilitado](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=6&hl=es-419)
![Diálogo de botón sin completar](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=6&hl=es-419)
![duración del movimiento de ondas del botón](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=6&hl=es-419)
![Animación de ondas de botones](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=6&hl=es-419)