Programacin de dispositivos mviles

Captura de eventos

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.

Este contiene los archivos Java generados por el ADT, tal como el R.java e interfaces creadas desde los archivos AIDL. Este est vaco. Puede usarlo para almacenar archivos raw asset. Contiene los recursos de la aplicacin (resources), tal como archivos de dibujo, archivos de pantallas(layout), valores strings, etc. El Manifiesto de Android (Android Manifest) para tu proyecto. Contiene configuraciones del proyecto, tal como el build target (plataforma elegida).

gen

assets

res

AndroidManifest.xml

default.properties

Mi primer App

Captura de eventos

EditText Caja 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.

Captura de eventos

TextView Son etiquetas de texto, se utiliza para mostrar 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

Captura de eventos

RadioButton Son controles de seleccin, puede estar marcado o desmarcado, pero en este caso suelen utilizarse dentro de un grupo de opciones donde una, y slo una, de ellas debe estar marcada obligatoriamente.

Captura de eventos

CheckBox Se suele utilizar para marcar o desmarcar opciones en una aplicacin.

Ejemplo 1
Uso de TextView, Button y EditText

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.

Captura de eventos-Ejemplo 1

Presionando el botn derecho sobre el 1er. control EditText configuramos la propiedad Id... con el nombre que se desee (se har referencia a este nombre posteriormente desde Java).

10

Captura de eventos-Ejemplo 1

Efectuamos los mismos pasos para el segundo EditText y los TextView.

11

Captura de eventos-Ejemplo 1

Para cambiar el texto que muestran los TextView, dar click derecho sobre el elemento y elegir la propiedad Edit Text. Aparecer una ventana en donde deber ingresar el mensaje que se desee. De click en OK para finalizar. Realizar el mismo proceso para los dems TextView y para el Botn.
12

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

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

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 Eclipse para Android de forma automtica y sirve como puente entre el archivo xml y nuestra clase java.

15

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 necesario importar dichas clases para poder definir las 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

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 que desde el archivo XML inicializaremos la propiedad OnClick.

17

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 mtodo findViewById
Se le debe pasar la constante creada en la clase R, el nombre de la constante debe ser igual con el nombre de la propiedad del objeto creado en el archivo XML.

Retorna una clase de tipo View luego debemos utilizar el operador cast.

18

Captura de eventos-Ejemplo 1

Ya tenemos almacenados en las variables las referencias a los tres objetos

19

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

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

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

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

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

Captura de eventos-Ejemplo 1

En el archivo XML debemos inicializar la propiedad OnClick del objeto button con el nombre del mtodo que acabamos de crear.

Este paso es importante para que el objeto de la clase Button pueda llamar al mtodo que acabamos de crear.
25

Ejemplo 2
Uso de CheckBox, Button y TextView

26

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

Captura de eventos-Ejemplo 2

La actividad o interfaz de la app se ver de la siguiente forma en el emulador:

28

Captura de eventos-Ejemplo 2

Recuerde que puede editar el nombre o identificador de los elementos que conforman la interfaz o actividad, con tal slo presionar el botn derecho sobre el objeto y configurando la propiedad Id... con el nombre que se desee (se har referencia a este nombre posteriormente desde Java). (Ver diapositiva #9)

29

Captura de eventos-Ejemplo 2

As mismo, podemos cambiar el texto que muestran los objetos debemos dar click derecho sobre el elemento y elegir la propiedad Edit Text. (Ver dispositiva # 11)

30

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

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 tipo TextView .

32

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

Captura de eventos-Ejemplo 2

Debemos definir variables en Java donde almacenamos las referencias a los objetos definidos en el archivo XML.

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

34

Captura de eventos-Ejemplo 2
Para el Button no es necesario definir un atributo, desde el archivo XML inicializaremos la propiedad OnClick.

35

Captura de eventos-Ejemplo 2

En el mtodo onCreate debemos enlazar las variables creadas con los objetos definidos en el archivo XML, utilizando el mtodo findViewById

El nombre debe de ser igual a los objetos creado en el archivo XML (en la interfaz)

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
36

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

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 parmetro un objeto de la clase View, en este caso el botn).

Se definir un mtodo, en donde se verifica el estado de los CheckBox

38

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 parmetro un objeto de la clase View, en este caso el botn).

El primer caso ser cuando el primer CheckBox este seleccionado y el segundo no lo este, y se mostrar la leyenda que tiene el checkbox en un TextView

39

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 parmetro un objeto de la clase View, en este caso el botn).

El segundo caso ser cuando el segundo CheckBox este seleccionado y el primero no lo este y se mostrar la leyenda que tiene el checkbox en un TextView

40

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 parmetro un objeto de la clase View, en este caso el botn).

El tercer caso ser cuando ambos estn seleccionados y se mostrar la leyenda de que ambos estn seleccionados en un TextView.

41

Captura de eventos-Ejemplo 2

En el archivo XML debemos inicializar la propiedad OnClick del objeto button con el nombre del mtodo que acabamos de crear, en este caso ser con el mtodo revisar

Este paso es importante para que el objeto de la clase Button pueda llamar al mtodo que acabamos de crear.

42