SlideShare una empresa de Scribd logo
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
Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button




        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

Autor: Ing. Luis Ernesto Castillo Alfaro
Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button


        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).

Autor: Ing. Luis Ernesto Castillo Alfaro
Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button


            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:


Autor: Ing. Luis Ernesto Castillo Alfaro
Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button




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




Autor: Ing. Luis Ernesto Castillo Alfaro
Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button




    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:




Autor: Ing. Luis Ernesto Castillo Alfaro

Más contenido relacionado

La actualidad más candente

La actualidad más candente (8)

Aplicación zirconia
Aplicación zirconiaAplicación zirconia
Aplicación zirconia
 
Como insertar imagen
Como insertar imagenComo insertar imagen
Como insertar imagen
 
Panel de control anita maiza
Panel de control anita maizaPanel de control anita maiza
Panel de control anita maiza
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa 5
Programa 5Programa 5
Programa 5
 
Programación I
Programación IProgramación I
Programación I
 
Programa2
Programa2Programa2
Programa2
 
Insertar imagen en eclipse
Insertar imagen en eclipseInsertar imagen en eclipse
Insertar imagen en eclipse
 

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

Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasicSilvina Micheloud
 
Reporte de Practica de programación visual
Reporte de Practica de programación visualReporte de Practica de programación visual
Reporte de Practica de programación visualSANTIAGO PABLO ALBERTO
 
Manual de usuario Guillen Jenny
Manual de usuario Guillen JennyManual de usuario Guillen Jenny
Manual de usuario Guillen JennyJennylu88
 
Guía de uso de Latch en la UNIR
Guía de uso de Latch en la UNIRGuía de uso de Latch en la UNIR
Guía de uso de Latch en la UNIRChema Alonso
 
Aplicacion que sume o reste usando "RadioButton"
Aplicacion que sume o reste usando "RadioButton"Aplicacion que sume o reste usando "RadioButton"
Aplicacion que sume o reste usando "RadioButton"Alberto Figuera Mtz
 
Tutorial apptoide
Tutorial apptoideTutorial apptoide
Tutorial apptoideenolmatilla
 
Menú de Programas
Menú de ProgramasMenú de Programas
Menú de Programascris kathy
 
Tutorial crear una app con ios
Tutorial crear una app con iosTutorial crear una app con ios
Tutorial crear una app con iosAlfredo Luco ✅
 
Aldair martinez.2
Aldair martinez.2Aldair martinez.2
Aldair martinez.2aldairmch
 

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

Laboratorio nº 2
Laboratorio nº 2Laboratorio nº 2
Laboratorio nº 2
 
Taller app inventor
Taller app inventorTaller app inventor
Taller app inventor
 
APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasic
 
Reporte de Practica de programación visual
Reporte de Practica de programación visualReporte de Practica de programación visual
Reporte de Practica de programación visual
 
Presentación1
Presentación1Presentación1
Presentación1
 
Expo soft monica
Expo soft monicaExpo soft monica
Expo soft monica
 
Manual de usuario Guillen Jenny
Manual de usuario Guillen JennyManual de usuario Guillen Jenny
Manual de usuario Guillen Jenny
 
Clase vb net.2010 rivera y g
Clase vb net.2010 rivera y gClase vb net.2010 rivera y g
Clase vb net.2010 rivera y g
 
Guía de uso de Latch en la UNIR
Guía de uso de Latch en la UNIRGuía de uso de Latch en la UNIR
Guía de uso de Latch en la UNIR
 
Publicando nuestro bot application
Publicando nuestro bot applicationPublicando nuestro bot application
Publicando nuestro bot application
 
El objeto Controls - Small Basic
El objeto Controls - Small BasicEl objeto Controls - Small Basic
El objeto Controls - Small Basic
 
Basicos app inventor-manual-de-introduccion
Basicos app inventor-manual-de-introduccionBasicos app inventor-manual-de-introduccion
Basicos app inventor-manual-de-introduccion
 
Aplicacion que sume o reste usando "RadioButton"
Aplicacion que sume o reste usando "RadioButton"Aplicacion que sume o reste usando "RadioButton"
Aplicacion que sume o reste usando "RadioButton"
 
Tutorial apptoide
Tutorial apptoideTutorial apptoide
Tutorial apptoide
 
Guia para e insertar codigo en mi proyecto
Guia  para e insertar codigo en mi  proyectoGuia  para e insertar codigo en mi  proyecto
Guia para e insertar codigo en mi proyecto
 
creacion de bd en vb
creacion de bd en vbcreacion de bd en vb
creacion de bd en vb
 
Menú de Programas
Menú de ProgramasMenú de Programas
Menú de Programas
 
Tutorial crear una app con ios
Tutorial crear una app con iosTutorial crear una app con ios
Tutorial crear una app con ios
 
Aldair martinez.2
Aldair martinez.2Aldair martinez.2
Aldair martinez.2
 

Más de Luis Ernesto Castillo Alfaro

Más de Luis Ernesto Castillo Alfaro (8)

TutorialKotlin.docx
TutorialKotlin.docxTutorialKotlin.docx
TutorialKotlin.docx
 
Tutorial de Lenguaje de Programación Swift
Tutorial de Lenguaje de Programación SwiftTutorial de Lenguaje de Programación Swift
Tutorial de Lenguaje de Programación Swift
 
Tutorial de Objective C
Tutorial de Objective CTutorial de Objective C
Tutorial de Objective C
 
Curso Excel- Sesión 1
Curso Excel- Sesión 1Curso Excel- Sesión 1
Curso Excel- Sesión 1
 
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
 
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
 
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con AndroidTutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
 
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con AndroidTutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android
 

Último

Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxJohanna4222
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiegoCampos433849
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx44652726
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestrerafaelsalazar0615
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxLeidyfuentes19
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docxwerito139410
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.sofiasonder
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadaspqeilyn0827
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdfIsabelHuairaGarma
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfcj3806354
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfMarianneBAyn
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respetocdraco
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdffrank0071
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfManuelCampos464987
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.saravalentinat22
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...Kevin Serna
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerRobertoCarrancioFern
 

Último (20)

Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadas
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdf
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL Server
 

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

  • 1. 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
  • 2. Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button 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 Autor: Ing. Luis Ernesto Castillo Alfaro
  • 3. Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button 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). Autor: Ing. Luis Ernesto Castillo Alfaro
  • 4. Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button 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: Autor: Ing. Luis Ernesto Castillo Alfaro
  • 5. Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button 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 Autor: Ing. Luis Ernesto Castillo Alfaro
  • 6. Desarrollo de Aplicaciones Móviles con Android- OnclickListener para controles Button 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: Autor: Ing. Luis Ernesto Castillo Alfaro