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 IdentificadorNombre Caja de Texto txtnombreApellidos Caja de Texto txtapellido



Teléfono Caja de Texto txttelefonoDirección Caja de Texto txttelefonoRegistrar Botón btnregistrarNuevo 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

Technology

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