Programación de dispositivos móviles_4
-
Upload
xochipili-acoltzi -
Category
Documents
-
view
216 -
download
0
Transcript of Programación de dispositivos móviles_4
-
7/29/2019 Programacin de dispositivos mviles_4
1/42
Programacin de dispositivos mviles
Captura de eventos
1
-
7/29/2019 Programacin de dispositivos mviles_4
2/42
Carpetas y archivos de App Android Una vez que se complementan los pasos para crear un
proyecto, el ADT crea las siguientes carpetas y archivos: src
Incluye los archivos Java de tu aplicacin, como Actividades,Servicios, etc.
gen Este contiene los archivos Java generados por el ADT, tal como el
R.java e interfaces creadas desde los archivos AIDL.
assets Este est vaco. Puede usarlo para almacenar archivos raw asset.
res Contiene los recursos de la aplicacin (resources), tal como
archivos de dibujo, archivos de pantallas(layout), valores strings,etc.
AndroidManifest.xml El Manifiesto de Android (Android Manifest) para tu proyecto.
default.properties Contiene configuraciones del proyecto, tal como el build target
(plataforma elegida).
2
-
7/29/2019 Programacin de dispositivos mviles_4
3/42
Mi primer App
3
-
7/29/2019 Programacin de dispositivos mviles_4
4/42
Captura de eventos
EditTextCaja de texto, es el componente de edicin de
texto que proporciona la plataforma Android.Permite la introduccin y edicin de texto por
parte del usuario.
4
-
7/29/2019 Programacin de dispositivos mviles_4
5/42
Captura de eventos
TextView
Son etiquetas de texto, se utiliza paramostrar un determinado texto al usuario.
Al igual que en el caso de los botones, el
texto del control se establece mediante la
propiedad android:text
5
-
7/29/2019 Programacin de dispositivos mviles_4
6/42
Captura de eventos
RadioButtonSon controles de seleccin, puede estar
marcado o desmarcado, pero en este casosuelen utilizarse dentro de un grupo de
opciones donde una, y slo una, de ellas debe
estar marcada obligatoriamente.
6
-
7/29/2019 Programacin de dispositivos mviles_4
7/42
Captura de eventos
CheckBoxSe suele utilizar para marcar o desmarcaropciones en una aplicacin.
7
-
7/29/2019 Programacin de dispositivos mviles_4
8/42
Ejemplo 1
Uso de TextView, Button y EditText
8
-
7/29/2019 Programacin de dispositivos mviles_4
9/42
Captura de eventos-Ejemplo 1
1. Borrar el TextView que aparece por
defecto cuando se crea el proyecto
Android.2. Seleccionar y arrastrar tres TextView ,
dos TextFields y un Button.
9
-
7/29/2019 Programacin de dispositivos mviles_4
10/42
Captura de eventos-Ejemplo 1
Presionando el botn derechosobre el 1er. control EditText
configuramos lapropiedad Id...con el nombre que se desee (se
har referencia a este nombre
posteriormente desde Java).
10
-
7/29/2019 Programacin de dispositivos mviles_4
11/42
Captura de eventos-Ejemplo 1
Efectuamos los mismospasos para el segundo
EditText y losTextView.
11
-
7/29/2019 Programacin de dispositivos mviles_4
12/42
Captura de eventos-Ejemplo 1
Para cambiar el texto quemuestran los TextView, darclick derecho sobre elelemento y elegir lapropiedad Edit Text.
Aparecer una ventana endonde deber ingresar elmensaje que se desee.
De click en OK parafinalizar.
Realizar el mismo procesopara los dems TextView ypara el Botn.
12
-
7/29/2019 Programacin de dispositivos mviles_4
13/42
Captura de eventos-Ejemplo 1
Hasta ahora se ha trabajado slo con el archivo xml(activity_main.xml) . Se definen los controles visuales de la ventana que estamos
creando.
13
-
7/29/2019 Programacin de dispositivos mviles_4
14/42
Captura de eventos-Ejemplo 1
Abrir el archivo .java que esta ubicado en src
La clase Activity representa una ventana de
Android y posee los mtodos necesarios
para crear y mostrar los objetos que hay en
el archivo xml.
14
-
7/29/2019 Programacin de dispositivos mviles_4
15/42
Captura de eventos-Ejemplo 1
Abrir el archivo .java que esta ubicado en src
setContentView permite aadir vistas a una
actividad.
Clase llamada R , la cual es
creada por el plugin de Eclipsepara Android de forma
automtica y sirve como puente
entre el archivo xml y nuestra
clase java.
15
-
7/29/2019 Programacin de dispositivos mviles_4
16/42
Captura de eventos-Ejemplo 1
Ahora debemos definir variables en Java donde almacenamos las referencias
a los objetos definidos en el archivo XML.
Definimos tres variables, dos de tipo
EditText y finalmente una de tipo
TextView (estas dos clases de declaran en
el paquete android.widget, es necesarioimportar dichas clases para poder definirlas variables de dichas clases)
Los nombres que se le dan a los objetos puede
coincidir o no con la propiedad id, definida en el
XML (no es obligatorio).
16
-
7/29/2019 Programacin de dispositivos mviles_4
17/42
Captura de eventos-Ejemplo 1
Ahora debemos definir variables en Java donde almacenamos las referencias
a los objetos definidos en el archivo XML.
Por qu no se definieron los dems
elementos?
Debido a que no habr interaccin con
ellos.
Para el Button no es necesario definir un atributo sino quedesde el archivo XML inicializaremos la propiedad OnClick.
17
-
7/29/2019 Programacin de dispositivos mviles_4
18/42
Captura de eventos-Ejemplo 1
En el mtodo onCreate debemos enlazar las variables creadas con los objetos
definidos en el archivo XML, esto se hace llamando al mtodofindViewById
Retorna una clase de tipo View luego debemos
utilizar el operador cast.
18
Se le debe pasar laconstante creada en laclase R, el nombre de la constante debe
ser igual con el nombre de la propiedad
del objeto creado en el archivo XML.
-
7/29/2019 Programacin de dispositivos mviles_4
19/42
Captura de eventos-Ejemplo 1
Ya tenemos almacenados en las variables las referencias a los
tres objetos
19
-
7/29/2019 Programacin de dispositivos mviles_4
20/42
Captura de eventos-Ejemplo 1
Ahora planteamos el mtodo que se ejecutar cuando se
presione el botn (el mtodo debe recibir como parmetro un
objeto de la clase View, en este caso el botn)
Extraer los datos y almacenarlos
20
-
7/29/2019 Programacin de dispositivos mviles_4
21/42
Captura de eventos-Ejemplo 1
Ahora planteamos el mtodo que se ejecutar cuando se
presione el botn (el mtodo debe recibir como parmetro un
objeto de la clase View, en este caso el botn)
Convertir los datos a entero
21
-
7/29/2019 Programacin de dispositivos mviles_4
22/42
Captura de eventos-Ejemplo 1
Ahora planteamos el mtodo que se ejecutar cuando se
presione el botn (el mtodo debe recibir como parmetro un
objeto de la clase View, en este caso el botn)
Procedemos a realizar la suma
22
-
7/29/2019 Programacin de dispositivos mviles_4
23/42
Captura de eventos-Ejemplo 1
Ahora planteamos el mtodo que se ejecutar cuando se
presione el botn (el mtodo debe recibir como parmetro un
objeto de la clase View, en este caso el botn)
Convertir el resultado en cadena
23
-
7/29/2019 Programacin de dispositivos mviles_4
24/42
Captura de eventos-Ejemplo 1
Ahora planteamos el mtodo que se ejecutar cuando se
presione el botn (el mtodo debe recibir como parmetro un
objeto de la clase View, en este caso el botn)
Colocar el resultado en el TextView
24
-
7/29/2019 Programacin de dispositivos mviles_4
25/42
Captura de eventos-Ejemplo 1 En el archivo XML debemos inicializar la
propiedad OnClick del objeto button con elnombre del mtodo que acabamos de crear.
Este paso es importante para que el objeto de laclase Button pueda llamar al mtodo queacabamos de crear.
25
-
7/29/2019 Programacin de dispositivos mviles_4
26/42
Ejemplo 2
Uso de CheckBox, Button y TextView
26
-
7/29/2019 Programacin de dispositivos mviles_4
27/42
Captura de eventos-Ejemplo 2
Lo que haremos ser crear una App Android, que nos permita
observar el uso de CheckBox Los elementos que tendremos que insertar, sern:
Dos Checkbox
Un Button
Un TextView
27
-
7/29/2019 Programacin de dispositivos mviles_4
28/42
Captura de eventos-Ejemplo 2
La actividad o interfaz de la app se ver de la siguiente forma en
el emulador:
28
-
7/29/2019 Programacin de dispositivos mviles_4
29/42
Captura de eventos-Ejemplo 2
Recuerde que puede editar el nombre o
identificador de los elementos queconforman la interfaz o actividad, con talslo presionar el botn derecho sobre elobjeto y configurando lapropiedad Id...con el nombre que se desee (se har
referencia a este nombre posteriormentedesde Java).
(Ver diapositiva #9)
29
-
7/29/2019 Programacin de dispositivos mviles_4
30/42
Captura de eventos-Ejemplo 2
As mismo, podemos
cambiar el texto quemuestran los objetosdebemos dar click derechosobre el elemento y elegirla propiedad Edit Text.
(Ver dispositiva # 11)
30
-
7/29/2019 Programacin de dispositivos mviles_4
31/42
Captura de eventos-Ejemplo 2
Ahora trabajaremos con el archivo .java, en donde empezaremos a agregar
funcionalidad a nuestros elementos de la actividad.
Debemos abrir el archivo .java que esta ubicado en src
31
-
7/29/2019 Programacin de dispositivos mviles_4
32/42
Captura de eventos-Ejemplo 2
Debemos definir variables en Java donde almacenamos las referencias a los
objetos definidos en el archivo XML.
Definimos tres variables, dos de tipo
CheckBox y finalmente una de tipoTextView .
32
-
7/29/2019 Programacin de dispositivos mviles_4
33/42
Captura de eventos-Ejemplo 2
Debemos definir variables en Java donde almacenamos las referencias a los
objetos definidos en el archivo XML.
Y se debern importar los paquetes
correspondientes.
33
-
7/29/2019 Programacin de dispositivos mviles_4
34/42
Captura de eventos-Ejemplo 2
Debemos definir variables en Java donde almacenamos las referencias a los
objetos definidos en el archivo XML.
34
Recuerde que los nombres que se le dan a los objetos
puede coincidir o no con la propiedad id, definida en
el XML (no es obligatorio).
-
7/29/2019 Programacin de dispositivos mviles_4
35/42
Captura de eventos-Ejemplo 2
35
Para el Button no es necesario definir un atributo, desde el archivo XMLinicializaremos la propiedad OnClick.
-
7/29/2019 Programacin de dispositivos mviles_4
36/42
Captura de eventos-Ejemplo 2
En el mtodo onCreate debemos enlazar las variables creadas con los objetosdefinidos en el archivo XML, utilizando el mtodo findViewById
36
Aqu debe de ir el tipo de objeto, por ejemplo,
si vamos extraer datos de un Checkbox,entonces aqu se deber indicar que se
convertir en Checkbox
El nombre debe de ser igual a los objetoscreado en el archivo XML (en la interfaz)
-
7/29/2019 Programacin de dispositivos mviles_4
37/42
Captura de eventos-Ejemplo 2
Hasta este momento hemos logrado almacenar en las variables las referencias
a los tres objetos, con los cuales vamos a interactuar.
37
-
7/29/2019 Programacin de dispositivos mviles_4
38/42
Captura de eventos-Ejemplo 2
Ahora procederemos a crear el mtodo que se ejecutar al presionar el
botn que se coloc en la interfaz (el mtodo debe recibir como parmetroun objeto de la clase View, en este caso el botn).
38
Se definir un mtodo, en donde se
verifica el estado de los CheckBox
-
7/29/2019 Programacin de dispositivos mviles_4
39/42
Captura de eventos-Ejemplo 2
Ahora procederemos a crear el mtodo que se ejecutar al presionar el
botn que se coloc en la interfaz (el mtodo debe recibir como parmetroun objeto de la clase View, en este caso el botn).
39
El primer caso ser cuando el primerCheckBox este seleccionado y el segundono lo este, y se mostrar la leyenda que
tiene el checkbox en un TextView
-
7/29/2019 Programacin de dispositivos mviles_4
40/42
Captura de eventos-Ejemplo 2
Ahora procederemos a crear el mtodo que se ejecutar al presionar el
botn que se coloc en la interfaz (el mtodo debe recibir como parmetroun objeto de la clase View, en este caso el botn).
40
El segundo caso ser cuando el segundoCheckBox este seleccionado y el primerono lo este y se mostrar la leyenda que tiene
el checkbox en un TextView
-
7/29/2019 Programacin de dispositivos mviles_4
41/42
Captura de eventos-Ejemplo 2
Ahora procederemos a crear el mtodo que se ejecutar al presionar el
botn que se coloc en la interfaz (el mtodo debe recibir como parmetroun objeto de la clase View, en este caso el botn).
41
El tercer caso ser cuando ambos estnseleccionados y se mostrar la leyenda de
que ambos estn seleccionados en un
TextView.
-
7/29/2019 Programacin de dispositivos mviles_4
42/42
Captura de eventos-Ejemplo 2 En el archivo XML debemos inicializar la
propiedad OnClick del objeto button con elnombre del mtodo que acabamos de crear, eneste caso ser con el mtodo revisar
Este paso es importante para que el objeto de laclase Button pueda llamar al mtodo queacabamos de crear.