E.A.P.

de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Practica: 03
Programación Básica sobre Android

Objetivos:

 Conocer el entorno de programación del IDE Eclipse para programación bajo el sistema Android.
 Hacer una nueva aplicación en Android que utilice los controles: TextView, EditText y Button.
Interactuando con la interfaz gráfica mediante métodos y eventos. Además de ejecutar un intent
de forma implícita.
 Ejecutar la aplicación mediante un Dispositivo Virtualizado (AVD) o con un dispositivo
activo(Smartphone que utilice android).

Correrlo

Se selecciona el Dispositivo y se presiona Start

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Luego clic en Launch

Cuando la ventana de progreso llegue al 100%, podemos cerrar la ventana de AVD Manager e irnos a la
crear nuestra primera aplicación.

Crear nuestra Primera Aplicación

Crear Proyecto

1) Entre a File, New, Other,

Android Application Project.

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Presionamos Next y definimos el nombre de la aplicación, del Proyecto y del Paquete.

Presionamos next varias veces hasta finalizar la creación (o finish, cuando aparezca).

Reconocimiento del Entorno

Creación de Interfaz Grafica

Indicaciones: Hacer una interfaz que contenga además del textview de hello world(etiqueta), un boton.
Arrastrando el objeto desde la paleta hasta el editor gráfico de la interfaz (graphical layout) como se
muestra(1). Luego activaremos los objetos textView(2).
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Arrastre tres controles EditView numéricos

Configuración de los controles

Con lo anterior quedaran así los controles.

Entre a pestaña Form Widgets de Agregue otros 3 botones

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Como se puede ver aparece un icono amarillo en los controles de botón de comando indicando que hay
una advertencia, esta es debido a que no existe una variable de recursos asociada a la propiedad text de
los objetos. Si se desea que el primer botón diga intento, los tres editView digan sumando1, sumando2 y
sumando3 .

Tendremos que modificar el archivo de recursos string.xml y luego cambiar la propiedad text para
direccionar el contenido hacia esos recursos.

Agregar recursos (variables string)

Primera forma

Agregue los recursos, ir a carpeta res, string(a la izquierda), Luego values(en medio abajo), presione add,
luego string y ok.

Póngale en name boton1 y en value intento

Repita lo anterior para los siguientes valores

Name value
boton1 Intent
boton2 Sum1
boton3 Sum2
boton4 Sum3
parametro1 Sumando 1
parametro2 Sumando 2
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
parametro3 Sumando 3

En modo visual usted vera que le queda una lista como sigue:

Segunda Forma
Presione doble clic en la pestaña interior string.xml y digite lo que está en la imagen:
De cualquiera

De cualquiera de las formas que la haya hecho, se recomienda que guarde su archivo en este momento.
Asociar controles con los recursos
Seleccione el activiti_main.xml y Presione clic en button1(1) luego presione clic en los puntos suspensivos
de la propiedad text(2)
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Seleccione el recurso boton1(button1) y clic en OK

Vera como cambia la interfaz grafica y la propiedad text: @string/boton1

Repita lo anterior para las propiedades hint y text de los siguientes controles
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Objeto(interfaz) propiedad Valor

button2 text @string/boton2
button3 text @string/boton3
button4 text @string/boton4
EditView1 hint @string/parametro1
EditView2 hint @string/parametro2
EditView3 hint @string/parametro3

Si no lo quiere hacer de manera visual, hágalo directamente digitando el nombre del recurso en la
propiedad requerida.
Para el caso de los EditFields, presione clic derecho en cada uno, , clic en Edit Hint, y cambie la propiedad.

Al finalizar vera su interfaz gráfica similar a esta:

Modificación de Aplicación
Entre a la aplicación MainActivity.java en src y vera el siguiente código.
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Modifique el código hasta que aparezca como el siguiente.

Ubíquese en el final de la línea con error(OnclicLi) y presiona control + spacebar y selecciona con el clic el
método recomendado.

Con esto el ide Eclipse debe de haber generado el método onClic pada sobreescribirlo.
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año
Bajo el mismo paquete que esta el MainActivity, agregue una nueva clase(clic derecho en el paquete,
new , class ) que se llame Metodos. Y digítele el código siguiente:

A continuación vuelva al MainActivity.java y digite el código siguiente;

 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Correr la aplicación en el Dispositivo Virtualizado que creamos al inicio.

Sobre el nombre del proyecto, clic derecho, Run as, run configuration.

Digitamos el nombre pruebacarnet(1), buscamos el proyecto(2) en donde se probara, para lanzar la

aplicación en el dispositivo, buscamos la activity(3) y aplicamos(4) el cambios.

Entramos a la pestaña de target, seleccionamos el dispositivo que se creo al inicio(2), aplicamos los
cambios(4) y corremos la aplicación(4).
 E.A.P. de Informática y Sistemas
Programación Dispositivos Móviles
Quinto Año

Al finalizar aparecerá la aplicación como se muestra.

Si no le funciona o tiene problemas con su avd, consulte con su instructor.

Indicaciones Generales de como correr nuestra aplicación en un dispositivo

Smartphone directamente
Si desea correr su aplicación en su dispositivo Smartphone. Deberá instalar el driver de su móvil en la
pc, luego ir a la configuración del dispositivo y habilitar la opción de depuración USB.
Si hizo lo anterior, vuelva a la opción de run configurations y cámbiele el target por active devices(1),
aplique los cambios(2) y ejecútelo(3).

Al finalizar envié su trabajo, comprima su proyecto en un archivo rar denominado carnet01a y súbalo
en la opción disponible en el aula virtual.