Botones

Un botón comunica una acción que ocurre cuando un usuario lo toca.

Los botones son componentes estándar del Proyecto de Código Abierto de Android (AOSP). Pueden tener un fondo sólido o un fondo transparente. Los botones rellenos indican una acción principal o preferida. Pueden aparecer de forma independiente o en grupos, a diferencia de las pestañas , que siempre aparecen agrupadas.

Anatomía

Anatomía de los botones
1. Contenedor de botones sin llenar
2. Contenedor de botones lleno, 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.
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.

Botón con icono vs. botón predeterminado

Los botones pueden incluir iconos. Cuando se incluyen, los iconos suelen aparecer a la izquierda del texto del botón.
Los botones pueden incluir iconos. Cuando se incluyen, los iconos suelen aparecer a la izquierda del texto del botón.

Los botones pueden aparecer como elementos en otros componentes, como la barra de la aplicación o los cuadros de diálogo .

Ubicación de los botones en la barra de aplicaciones

Los botones se colocan en el lado derecho de la barra de la aplicación.
Los botones se colocan en el lado derecho de la barra de la aplicación.

Botón en el diálogo

Los botones en los cuadros de diálogo normalmente se ubican en la parte inferior izquierda del cuadro de diálogo.
Los botones en los cuadros de diálogo normalmente se ubican en la parte inferior izquierda del cuadro de diálogo.

Botón de héroe

Los bordes redondeados de un botón de héroe enfatizan su importancia.
Los bordes redondeados enfatizan la importancia de un botón de héroe.

Personalización

Los OEM pueden reflejar su marca modificando la apariencia visual de un botón, como por ejemplo:

  • Especificación de un color de acento
  • Suministro de iconos personalizados
  • Agregar fuentes personalizadas
  • Cambiar la apariencia de los botones activos, inactivos y deshabilitados
  • Configuración de las dimensiones de los botones, la forma de las esquinas y las ubicaciones
  • Usar el movimiento para proporcionar retroalimentación a los usuarios

La Guía de integración de la biblioteca de interfaz de usuario del automóvil proporciona orientación OEM para personalizar los componentes.

Ejemplos

botones vacíos y llenos
Botones rellenos y vacíos, donde el botón relleno indica la acción principal.
botón lleno deshabilitado
El color y la opacidad de este botón relleno indican un estado deshabilitado.
Diálogo de botón sin relleno
Los botones vacíos en un cuadro de diálogo indican acciones con el mismo peso.
Duración del movimiento de ondulación del botón
Estos movimientos ondulatorios tienen una duración de 330 ms. Se utilizan para confirmar el contacto del usuario con un botón.
Animación de ondulación de botones
Estos movimientos ondulantes cubren inicialmente el 60 % de la superficie del botón. Se expanden alejándose del toque del usuario y se detienen a 10 dp del borde del botón.