Botones personalizados en Android

En android podemos utilizar la etiqueta «Button» para definir botones en nuestra aplicación, pero se muestran con un diseño de interfaz básico, con un color de fondo gris, bastante rústico.

email_login

Para mejorar el aspecto del botón lo que hacemos es crear un elemento drawable para definir sus atributos de visualización:

Donde este recurso utiliza 2 imágenes img_boton_normal img_boton_clicked. Éstas imágenes son utilizadas para generar el efecto de presión sobre el botón.

Como podemos ver en el archivo XML se definen los distintos estados que puede tomar un botón:

  • state_focused: Cuando el botón adquiere el foco dentro de nuestra aplicación.
  • state_pressed: Cuando el botón es presionado por el usuario.

Una vez definido el archivo drawable y las imágenes a utilizar procedemos a aplicar estos atributos a nuestro botón:

Al finalizar el botón nos queda con una nueva cara mucho más personalizada y vistosa para el usuario.


Acerca de José María Romero Cuny

Ingeniero en Sistemas de Información, graduado de la Universidad Tecnológica Nacional, Co-Fundador y CTO en Vector-IT


Los comentarios estan desactivados.