Que tal, antes que nada me presento.
Mi nombre es José Luis Cadena y recientemente termine la carrera de Ingeniería Mecatrónica en la UNAM. Me gusta el futbol, la natación, el ping-pong, ir al cine, la electrónica y el desarrollo móvil. Me especializo principalmente en Android, aunque no descarto aprender a desarrollar en otras plataformas.
Mi intención es crear una serie de tutoriales de programación orientados al desarrollo en Android. Espero sea de utilidad y comenzaré con este primer tutorial acerca de selectors o selectores.
Los selectors o selectores sirven para configurar la forma en la que elementos simples como botones, se vean de forma distinta cuando están presionados, deshabilitados o habilitados por ejemplo. No basta con poner como background la imagen que se quiere como botón. Para este tutorial usaré estas 3 imágenes.
Estas 3 imágenes deben ir dentro de la carpeta drawable. Posteriormente se debe crear un nuevo archivo xml también dentro de drawable llamado selector_boton.xml. De tal forma que la estructura de nuestro proyecto queda así.
El archivo selector_boton.xml quedará de la siguiente manera:
El funcionamiento es obvio, simplemente estamos definiendo una imágen distinta para cada estado posible de una vista, en este caso serán botones.
android:state_enable=false –>botón deshabilitado
android:state_pressed=true –>botón presionado
android:state_enable=true –>botón habilitado(estado normal)
Finalmente editamos el archivo main.xml tomando en cuenta lo siguiente:
El resultado final es el siguiente:
Al probarlo en el emulador o en un teléfono físico el botón muestra los efectos configurados en el selector. De esta forma el botón no queda como una simple imagen y agrega experiencia usuario a la aplicación. Adjunto una liga para descargar el proyecto.
