19.4.12

Tutorial Android parte 18: Controles de formulario en Android - Custom Button

Vamos a seguir traduciendo los artículos del blog del sitio de desarrolladores de Android. El código fuente de este ejemplo lo podéis encontrar en el siguiente enlace:

http://developer.android.com/resources/tutorials/views/hello-formstuff.html

Vamos a ir viendo poco a poco los controles típicos que se utilizan en formularios (botones, radiobuttons, etc).

En este tutorial vamos a aprender a crear un botón que tienen una imagen en lugar de texto. Usaremos el widget Button y 3 imágenes diferentes.



Android_pressed.png



Android_focussed.png



Android_normal.png



Creando la aplicación

Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

Project name: HelloCustomButton
Build target: (El que queráis, yo en este caso he marcado...) Android 1.6
Application name: Hello,CustomButton!
Package name: com.example.hellocustombutton
Create Activity: HelloCustomButton

- Hacer click en Finish.

Agregar las tres imágenes a la carpeta res/drawable (con opción del menú contextual Import -> File System).

Creamos el fichero android_button.xml en res/drawable y agregamos el siguiente código:



Este fichero sirve para indicar qué imagen se debe mostrar cuando el botón esté en estado normal, tenga el foco o esté pulsado. Es importante colocar las imágenes en este orden para que se asignen correctamente las imágenes al botón.

Añadimos en res/layout/main.xml el control de nuestro Custom Button:



Se indica que la información de la imagen de fondo del botón se cogerá del fichero xml que acabamos de definir. Además al pulsar el botón se llamará a un método que definiremos a continuación añadiendo el siguiente código a la clase HelloCustomButton.java:



El código que se ejecutará al pulsar en el botón mostrará un mensaje por pantalla informando que se ha pulsado el botón.

Nota: Si probáis este tutorial en la versión 1.5 de Android no encontrará el código del onClick del botón. Por eso lo estamos probando con la versión 1.6. El motivo de esto lo encontré en este foro:

http://stackoverflow.com/questions/8135870/onclick-event-in-1-5

Y ese motivo es que el atributo android:onClick solo funciona desde la versión 1.6.

Pues ya está el código. Lanzamos la aplicación desde el menú Run -> opción Run:



Al dejar pulsado el botón aparece:



Muy sencillo.

El código fuente del ejemplo podéis descargároslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial Android Parte 18.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina - Toledo - Spain).

No comments:

Post a Comment