Programación de dispositivos móviles_4

download Programación de dispositivos móviles_4

of 42

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.