programa 2
TRANSCRIPT
CETis 109
Alumnos:• González Reyna Irene
Elizabeth• Morales Hernández Cristian
4° AM Programación
Materia: Desarrolla Aplicaciones Moviles
M.C.A Margarita Romero Alvarado
En este diálogo especificamos el nombre de la aplicación y proyecto (pueden ser
iguales) y el nombre del paquete java donde se almacenarán los archivos java que creemos (normalmente la url de su empresa
al revés).
Ahora empezaremos a presionar el botón next para pasar a otras configuraciones de nuestra
aplicación, por el momento dejaremos todos los valores por defecto en cada una de los diálogos que aparece (son 5 diálogos actualmente), en el último diálogo debe aparecer el botón "Finish" el
cual presionamos.
Veamos paso a paso como creamos la interfaz visual de nuestro programa. Primero
borramos el TextView que aparece por defecto cuando se crea un proyecto con el
ADT. Ahora desde la ventana "Palette" seleccionamos de la pestaña "Form Widgets"
el control "TextView" y lo arrastramos a la ventana de diseño de nuestra interfaz:
Ahora lo seleccionamos y en la ventana de propiedades especificamos la propiedad text
(como habíamos visto anteriormente) disponemos el texto "Ingrese el primer
valor:":
También vamos a especificar la propiedad "Id", la misma aparece primera en la paleta de
propiedades y le asignaremos el valor @+id/num1 (el nombre es el que se indica luego de la barra es decir cambiamos textView1por tv1) Cuidado de no
borrar @+id/
Hemos entonces asignado como nombre a este objeto: tv1 (recordemos que se trata de un objeto de la clase TextView)Ahora de la paleta de componentes seleccionamos la pestaña "Text Fields" y arrastramos el primero (el que tiene la etiqueta abc)
Efectuamos los mismos pasos para crear el segundo TextView y EditText (inicializamos las propiedades respectivas) Definimos los id con los nombres num1 y num2, el resultado visual
debe ser algo semejante a esto:
Inicializamos la propiedad text con el texto "Sumar" y la propiedad id la dejamos con el
valor ya creado llamado “Calcular".Para terminar con nuestra interfaz visual
arrastramos un tercer objeto de tipo TextView y definimos la propiedad id con el valor “res" y la
propiedad text con el texto "resultado", recordemos que la interfaz final debe ser
semejante a esta:
Si en este momento ejecutamos la aplicación aparece la interfaz visual correctamente pero cuando presionemos el botón no mostrará la suma.Es fundamental una vez finalizada la interfaz visual proceder a grabarla (icono de los diskettes) o la opción File->Save para que se actualicen los archivos que se generan automáticamente.Hasta ahora hemos trabajado solo con el archivo xml (activity_main.xml) donde se definen los controles visuales de la ventana que estamos creando.Abrimos seguidamente el archivo MainActivity.java que lo podemos ubicar en la carpeta src:
La clase MainActivity hereda de la clase
Activity. La clase Activity representa una ventana de Android y tiene todos los métodos necesarios para crear y mostrar los
objetos que hemos dispuesto en el archivo
xml.
Ahora debemos ir al archivo XML e inicializar la propiedad OnClick del
objeto Calcular con el nombre del método que acabamos de crear (este
paso es fundamental para que el objeto de la
clase Button pueda llamar al método sumar que acabamos de crear):
Para correrlo seleccionamos nuestro programa, damos click derecho y
seleccionados la opcion RUN AS de ahí la opcion de 1 Android Application
En la celda inferior con la etiqueta LogCat nos aparecerá el proceso de nuestro
programa, ahí mismo nos mostrara si existen problemas en dicho programa.
Si ejecutamos nuestro programa podemos ver
ahora que luego de cargar dos valores al presionar el botón aparece en el tercer TextView el resultado de la suma de los dos EditText: