gangnam android

gangnam android

martes, 2 de julio de 2013

CAMBIO DE IMAGEN CUANDO SE PRESIONA UN BOTÓN CON JAVA ANDROID

Hola amigos, en esta ocasion compartire con ustedes un poco de mis conocimientos en java android, en este caso sera el evento de un boton, el cual cambiara de imagen cuando sea presionado y volvera a su estado normal si se deja de presionar, basta con crear un archivo xml en cualquiera de nuestra carpetas drawable, con el nombre que querramos en este ejemplo será btnencender.xml, ademas se debera importar las 2 imagenes que se quieran usar, como vemos a continuación estas son unas imagenes sin fondo png, para que se vea de manera mas realista.


Habiendo agregado estas imagenes en nuestro nuevo archivo xml agregamos el siguiente codigo:

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true"
           android:drawable="@drawable/onluz" /> <!-- pressed -->
     <item android:state_focused="true"
          android:drawable="@drawable/offluz /> <!-- focused -->
     <item android:drawable="@drawable/offluz" /> <!-- default -->
 </selector>

Siendo offluz la primera imagen en cuestión y onluz la segunda imagen. Luego solo falta hacer referencia a este archivo, por lo que se procede de la siguiente manera:

Primero agregamos un imageButton, y usamos el siguiente codigo, en la linea android:src es en donde se hace referencia del archivo.

 <ImageButton
        android:id="@+id/imageButtonLuzHabitacion"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="#00000000"
        android:scaleType="fitXY"
        android:src="@drawable/btnencender" />

Con esto ya tenemos un boton que cambia de manera grafica y muestra su estado.

1 comentario: