SlideShare una empresa de Scribd logo
1 de 6
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

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 

Último (19)

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 

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