Tutorial Nro.4 Desarrollo de Aplicaciones Móviles con Android

Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button

Tutorial 4 de Android: Evento OnclickListener

En esta oportunidad explicaré cómo funciona el evento OnclickListener en aplicaciones Móviles
con Android, anteriormente se había explicado cómo crear programas básicos agregando métodos
relacionados con controles buttons pero no se había programado directamente acciones que
respondieran al hacer clic sobre los mismos y eso es lo que explicaremos a continuación.

Pasos a seguir:

1- Crear un nuevo proyecto Android

Descripción del programa a desarrollar:

El programa a crear simulará el registro de clientes de una determinada tienda de
productos, los datos que se registrarán de cada cliente serán: Nombre, Apellidos, DNI,
Dirección. Para esto tendremos 2 botones uno que registrará cada cliente y otro que
limpie los datos y permita registrar a un nuevo Cliente. La idea es que cada botón al hacer
clic sobre ellos realice una determinada acción.

2- Creamos un nuevo layout con el siguiente nombre:

Autor: Ing. Luis Ernesto Castillo Alfaro


Diseño Gráfico del programa:

Propiedades de los controles del programa

Etiqueta Tipo de Control Identificador
Nombre Caja de Texto txtnombre
Apellidos Caja de Texto txtapellido
Teléfono Caja de Texto txttelefono



Dirección Caja de Texto txttelefono
Registrar Botón btnregistrar
Nuevo Botón btnnuevo

3- Programamos la actividad oncliclisteractitity donde se definirá la funcionalidad de la
aplicación:

Lo que se aprecia dentro de la programación de la actividad y que es nuevo es que se está
implementando la opción de que pueda soportar los eventos de clickeo en controles y
para esto en la actividad implementamos el evento Oncliclistener, lo que viene después ya
es conocido es declarar los tipos de controles que vamos a utilizar, seguido de eso
hacemos referencia a los controles que definimos previamente cuando creamos el
respectivo layout relacionado con la actividad al momento de cargar la actividad en su
método onCreate:

A lo mejor se preguntan en que momento defino el evento que me permite que al hacer
clic sobre los botones Registrar y Nuevo realicen ciertas acciones.

A- ¿Qué debe de suceder cuando haga clic en el botón Registrar?

a.1 Mostrar un mensaje de confirmación de registro de un cliente en un diálogo de
alera, la cual contiene un botón de confirmación (ok).



a.2 Al hacer clic sobre el botón ok de la alerta de diálogo se mostrará un último
mensaje de que el registro de cliente ha sido exitoso mediante el uso de la clase Toast.
A escribir las líneas de código para el botón Registrar, para esto para este botón
debemos de aplicarle el método setonclicListener para que responda al cliqueo:

Además se debe de definir la interfaz del evento OnclickListener y dentro de esta se debe sobre
escribir el evento onClick que es donde se definirán las acciones que se ejecutarán luego de hacer
clic sobre el botón Registrar en este caso lo primero que sucederá será mostrar un diálogo de
alerta y para esto creamos una alerta llamada alertaclientes para la cual definimos las siguientes
propiedades:

Esto puede resultar familiar para las personas que estaban acostumbradas a trabajar con Visual
Basic y podemos hacer una analogía con el recordado message box donde se definía el título del
mensaje, el mensaje propio del message box y por último los botones a incluir, en este caso
mediante las propiedades.

Definiendo el título del diálogo de alerta con la propiedad setTitle:

Definiendo el mensaje propio del diálogo de alerta con la propiedad setMessaje:

Sin embargo como vamos a tener un botón de confirmación (ok) de Registro de Clientes este debe
de tener sus propias acciones a ejecutar luego de hacerle clic, en este caso la única acción a
realizar será mostrar un mensaje en pantalla del registro exitoso del cliente, en los diálogos de
alerta se maneja una propiedad que define las acciones para el botón de confirmación positivo y
es la propiedad SetPositiveButton:

Y esta a su vez define sus propios parámetros como son:



En primer lugar apreciamos el texto del botón de confirmación positivo que es “OK”, seguido de
eso definimos una interfaz que responda al hacer clic sobre botón OK del diálogo de alerta y para
esto hacemos uso de: DialogInterface.OnClickListner y dentro del mismo definimos la siguiente
acción mediante el método sobre escrito onClick:

En el método onClick se está definiendo que se muestre un mensaje luego de hacer clic sobre el
botón de confirmación positivo OK del diálogo de aleta el cual es: Registro Éxito y para esto se
define una variable de tipo Toast que hace referencia a la clase Toast la cual permite mostrar
mensajes en la pantalla de una aplicación por algunos momentos. La clase Toast hace uso de la
propiedad Text que tiene por parámetros:

- El texto a mostrar del mensaje que en este caso es Registro Exitoso.
- La duración del mensaje que en este caso es corta y esto se define mediante su propiedad
LENGTH_SHORT.

Finalmente mostramos el mensaje mediante la propiedad show de la variable toast1 de
tipo Toast.

Como ya hemos definido todas las acciones a realizar luego de hacer clic sobre el botón Registrar
creamos el diálogo de alerta y finalmente establecemos su respectiva propiedad para que sea
mostrado con las siguientes 2 líneas:

Ejecutando la aplicación:

1- Ingresando los datos del Cliente



2- Haciendo clic al botón Registrar aparece el diálogo de alerta donde debemos de confirmar
el registro del Cliente:

3- Al hacer clic al botón de confirmación del registro del Cliente se muestra un mensaje de
Registro Exitoso:


Tutorial Nro.4 Desarrollo de Aplicaciones Móviles con Android

Más contenido relacionado

La actualidad más candente (6)

Similar a Tutorial Nro.4 Desarrollo de Aplicaciones Móviles con Android (20)

Más de Luis Ernesto Castillo Alfaro (8)

Último (20)

Tutorial Nro.4 Desarrollo de Aplicaciones Móviles con Android