desarrollo de aplicaciones moviles i

DESARROLLO DE APLICACIONES MOVILES I

• Temas

–CheckBox– Spinner

CHECKBOX

• Primeramente vamos a mostrarle los pasos a seguir para implementar un ejemplo utilizando un checkbox:– Paso 1 : Creando un Proyecto

1

2

CHECKBOX– Paso 2 : Creando un Proyecto

2

1

CHECKBOX– Paso 3 : Creando un Proyecto

1

2

CHECKBOX– Paso 4 : Creando un Proyecto

1

2

CHECKBOX– Paso 5 : Creando un Proyecto

1

2

3

CHECKBOX– Paso 6 : Implementando los CheckBox

1:doble clic

2:Dar clic y arrastrar el

checkbox al escenario

escenario

CHECKBOX– Paso 7 : Implementando los CheckBox

1 : Arrastrar y soltar

2 : Arrastrar y soltar

3 : Arrastrar y soltar

CHECKBOX– Paso 8 : Implementando los CheckBox

2 : seleccionar

Edit ID1 :seleccionar

CHECKBOX– Paso 9 : Implementando los CheckBox

1 :colocar el nombre del checkbox

2

CHECKBOX– Paso 10 : Implementando los CheckBox

2 : seleccionar

Edit Text1 :seleccionar

CHECKBOX– Paso 11 : Implementando los CheckBox

1 :Dar clic

2

CHECKBOX– Paso 12 : Implementando los CheckBox

1 :Colocar nombre del checkbox

2: nombre de la

variable

3:presionar boton

CHECKBOX– Paso 13 : Implementando los CheckBox

2 :presionar botón

1:seleccionar

CHECKBOX– Paso 14 : Finalmente Llegamos a este diseño

EL DISEÑO FINAL

Agregando adicionalmente un

botón

Mapeando los checkbox del main.xml

Declarando las referencias de las

clases

Mapeando los checkbox del main.xml

Mapeando los componentes

checkbox ,Button definidos en el

archivo main.xml

EVENTO AL BOTON

1 ) Importar paquete

2) Agregar Implementación

3) Agregar Método

EVENTO AL BOTON

1 ) Agregar esta línea de código

3) Agregar el siguiente método

simple

EVENTO AL BOTON

1 ) Implementar el método

1 ) Invocar el método

Desarrollando el Método Ejecutar

1) Finalmente desarrollar el

método Ejecutar

EJECUTANDO EL PROGRAMA

DESARROLLANDO NUEVO PROGRAMA

• A continuación vamos a desarrollar el mismo programa pero ahora ya no será en función al evento de dar clic al botón , sino en el momento de dar check a las opciones :

Mapeando los checkbox del main.xml

1) Declarando las referencias de la clase

CheckBox

2) Mapeando a los objetos definidos en el archivo main.xml

EVENTO DE DAR CHECK

1) Importar paquete

2) Implementación de la Interfaz

EVENTO DE DAR CHECK

1) Dar clic

2) Seleccionar y Dar clic

EVENTO DE DAR CHECK

1) Método Implementado

EVENTO DE DAR CHECK

1) Adicionar a cada unos de los checkbox

estos códigos

EVENTO DE DAR CHECK

2) Método Invocado

1) Método Implementado

EVENTO DE DAR CHECK1) Finalmente desarrollar el

método Ejecutar

SPINNER

• Primeramente vamos a mostrarle los pasos a seguir para implementar un ejemplo utilizando un Spinner :– Paso 1 : Creando un Proyecto

1

2

SPINNER– Paso 2 : Creando un Proyecto

2

1

SPINNER– Paso 3 : Creando un Proyecto

1

2

SPINNER– Paso 4 : Creando un Proyecto

1

2

SPINNER– Paso 5 : Creando un Proyecto

1

2

3

SPINNER– Paso 6 : Implementando el Spinner.

1:doble clic

2:Dar clic y arrastrar el Spinner al escenario

escenario

SPINNER– Paso 7 : Implementando el Spinner

1 : Arrastrar y soltar

SPINNER– Paso 8 : Implementando el Spinner

2 : seleccionar

Edit ID1 :seleccionar

SPINNER– Paso 9 : Implementando el Spinner

1 :colocar el nombre del

Spinner

2: presionar el botón

SPINNER– Paso 10 : Creando el archivo XML para el cargado del Spinner

1 ) Crear un archivo XML de nombre arreglo

2 ) Digitar dentro de arreglo.xml , el siguiente código

SPINNER– Paso 11 : Creando el archivo XML para el cargado del Spinner

1 ) Crear un archivo XML de nombre arreglo

2 ) Digitar dentro de arreglo.xml , el siguiente código

SPINNER– Paso 12 :Implementando un Botón(Button)

1:doble clic

2:Dar clic y arrastrar el Button al escenario

escenario

SPINNER– Paso 12 :Implementando un Botón(Button)

1: Arrastrar y

soltar

SPINNER– Paso 13 : Implementando un Botón(Button)

1: Seleccionar

2: seleccionar Edit ID y dar clic

SPINNER– Paso 14 :Agregando un Botón(Button)

1 ) colocar el nombre del botón

2 ) Presionar el botón

OK

SPINNER– Paso 15 :Agregando un Botón(Button)

1: Seleccionar

el Boton

2: seleccionar

en Edit Text y dar clic

SPINNER– Paso 16 :Agregando un Botón(Button)

1: Presionar New String

SPINNER– Paso 17 :Agregando un Botón(Button)

1: Colocar el Texto de la etiqueta del botón

2: Colocar el nombre

de la variable

3: Presionar el botón

OK

SPINNER– Paso 18 :Agregando un Botón(Button)

1: Seleccionar la variable

2: Presionar el botón

OK

SPINNERDISEÑO FINAL

Mapeando los objetos del main.xml

Declarando las referencias de las

clases

Mapeando los componentes

Spinner y Button definidos en el

archivo main.xml

Cargar el Spinner

Cargando en un ArrayAdapter los datos del archivo

XML

Cargando los datos

guardados en el ArrayAdapter en el Spinner

EJECUTANDO EL PROGRAMA

EVENTO AL BOTON

1 ) Importar paquete

2) Agregar Implementación

3) Agregar Método

EVENTO AL BOTON

1 ) Agregar esta línea de código

3) Agregar el siguiente método

simple

EVENTO AL BOTON

2 ) Implementar el método

1 ) Invocar el método

Desarrollando el Método Ejecutar1) Finalmente desarrollar el

método Ejecutar

EJECUTANDO FINALMENTE EL PROGRAMA

EJECUTANDO FINALMENTE EL PROGRAMA

DESARROLLANDO NUEVO PROGRAMA

• A continuación vamos a desarrollar el mismo programa pero ahora ya no será en función al evento de dar clic al botón , sino en el momento de seleccionar una opción desde el Spinner :

Mapeando y cargando el Spinner

!1) Declarando la referencia del

Spinner

!2) Mapeando y cargando el

Spinner

Evento de Seleccionar el Spinner

1) Importar paquete

!2) Implementar Interfaz

Evento de Seleccionar el Spinner

1) Seleccionar y dar clic

Evento de Seleccionar el Spinner

1) Métodos Implementados

Evento de Seleccionar el Spinner

1) Implementar esta condicional simple

Evento de Seleccionar el Spinner

2) Invocar Método

1) Implementar el Método Ejecutar

Evento de Seleccionar el Spinner

1) Desarrollando

el Método Ejecutar