style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5164839828746352"
data-ad-slot="7563230308">

Android: Como dar un Efecto de Pulsacion Activa y Inactiva a un Boton | Tutorial 1

Este es mi primer tutorial de android, vamos a empezar por ejemplos muy basicos y conforme vayamos avanzado empezare a poner ejemplos mas completos como el que hice hace unos dias un webservice.

Entorno:

Hardware:
Nexus One
Android 2.3.3 (Gingerbread).

Software:
Eclipse Galileo (Eclipse Java EE IDE for Web Developers).

Desarrollo:
1.- Primero que nada vamos a crear un Proyecto de android:
Nos vamos a Menu->File->New->Other->Carpeta Android->Android Project

Y posteriormente damos en Next.

Nos aparecera la ventana de New Android Project:
En Project Name: Ponemos el Nombre de nuestro Proyecto (JavaMexico)
En Build Target: Seleccionamos la Version 2.3.3
En packge name: Ponemos el nombre de nuestro Package (com.tutorial)
En create Activity: Le vamos a Cambiar y le pondremos Ejemplo
Una vez configurado lo anterior le damos Finish.

2.-Estructura del project Android.

3.-Imagenes
Como vamos realizar un efecto se seleccion activa e inactiva en un boton necesitamos dos imagenes de un color diferente.
Por ejemplo:

Movemos las imagenes ala carpeta
res\drawable-hdpi < De nuestro Proyecto Creado y damos Refresh o F5

4.-Crear xml de efecto.
Damos clic Derecho sobre la carpeta res de nuestro proyecto.
New->Other->Carpeta Android->Android XML File y damos en Next.
Ahora Configuramos nuestro xml de que tipo va ser y el tipo de elemento del xml.
Como se muestra en la siguiente imagen.


una vez configurado, damos en finish.
Nos creara una carpeta dentro de la Carpeta res, llamada Drawable con el XML.
Abrimos el XML y agregamos el siguiente codigo dentro de las etiquetas selector.

        <item android:state_pressed="true"
              android:drawable="@drawable/activa"/> <-Aqui se coloca la imagen de Boton Pulsado Activo
        <item android:state_focused="true"
              android:drawable="@drawable/activa" /> <-Imagen de Boton Pulsado Activo
        <item android:drawable="@drawable/inactiva" /> <-Imagen de Boton Inactivo

5.-Crear un Boton sobre un Layout y asignar el efecto.
Nos vamos ala Carpeta Layout
Abrimos el Layout que nos crea por defecto al crear el project android.
Y nos aparecera el layout y la paleta de componentes. Como se muestra en la imagen siguiente..

Arrastramos a nuestro layout un boton.

Uploaded with ImageShack.us
Damos doble clic sobre nuestro Boton agregado a nuestro layout o cambiamos de pestaña en la parte de abajo donde dice:
Graphical Layout<-Parte Grafica| main.xml <-Parte Codigo

Ahora quitamos la propiedad de nuestro boton que es:

android:text="Button" <- Para que no tenga texto nuestro boton
Agregamos ahora esta propiedad a nuestro boton
android:android:background="@drawable/efecto" y dentro de las copillar ponemos nuestro efecto

Cerramos el layout y guardamos los cambios.

6.-Corremos nuestro proyecto android en el emulador, para visualizar lo realizado.

Cuando el boton no esta pulsado.

Cuando el boton esta pulsado.

Saludos.

style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5164839828746352"
data-ad-slot="7563230308">