Botón

Realiza una acción cuando es pulsado por el usuario. Son objetos de interfaz de usuario que tienen una amplia variedad de estilos. Consulta la Guía de codificación para informarte sobre cómo implementar botones con un aspecto como los que aquí se describen.

Características

Los botones tienen dos componentes: un objetivo visual y un objetivo de contacto. El objetivo de contacto es siempre más grande, con el fin de reducir los errores de contacto haciendo el botón más fácil de presionar.
Los botones tienen dos estado: normal y presionado.
Los botones también pueden ser deshabilitados, lo que significa que no pueden ser activados por el usuario, y se muestran atenuados para indicar que han sido deshabilitados.

Hay multiples tipo de botones:

Botones de acción: Se utilizan cuando solo hay unas pocas acciones y no es necesaria una lista. La acción principal del botón utiliza un color especial resatado para indicar que es la opción principal.
Botones de lista: Se utilizan para mostrar una lista de acciones, o para activar la presentación de un valor de selección.
Botones de campo de entrada: Se utilizan para llevar a cabo acciones con campos de entrada.
Botones especiales/pesonalizados: Se utilizan para proporcionar acciones específicas incluyendo grabar, llamar y similares.

Visualización

Aquí hay varios ejemplos visuales de cómo deberían verse los botones. No olvides que puedes usar la hoja de estilos y los recursos de imágenes proporcionados en la Guía de codificación para implementarlos.

Botones de acción

Se utilizan cuando solo hay unas pocas acciones y no es necesaria una lista. La acción principal del botón utiliza un color especial resatado para indicar que es la opción principal.

	Acción principal	Acción secundaria	Borrar
Normal
Presionado
Deshabilitado

Sobre fondo oscuro, los botones deshabilitados tienen un aspecto especial, como se ve abajo.

	Acción principal	Acción secundaria
Disabled

Botones de lista

Se utilizan para mostrar una lista de acciones, o para activar la presentación de un valor de selección.

Desencadenar acciones

	Desecadenar una acción en la vista actual	Desencadenar una acción en una nueva vista	Mostrar un selector de valores
Normal
Presionado
Deshabilitado

Selección de valores

Una vez que se abre un selector de valores, necesitarás al menos un botón en el panel de selección de valores para descartar el valor seleccionado. Estos botones deberían tener el siguiente aspecto:

Normal	Presionado	Deshabilitado

Botones de campos de entrada

Los botones de campos de entrada son botones asociados a un campo de entrada, que cuando se presionan, llevan a cabo una acción relacionada con ese campo de entrada.

Normal	Presionado	Deshabilitado

Botones especiales

Los botones especiales son botones visuales al estilo icono que se utilizan para propósitos especiales, tales como operar con la cámara del dispositivo, contestar o colgar el teléfono y activar el teclado de llamada. Por supuesto puedes encontrar otras utilidades a estos botones especiales.