-+-

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

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

8. 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:

9. 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:":

10. 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/

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

12. 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:

13. De la pestaña "Form Widgets" arrastramos un
control de tipo "Button":

14. 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:

15. 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:

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

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

18. Asi mismo abriremos nuestro emulador para poder
llevar acabo nuestra aplicación.

19. Seleccionados Launch

20. Y dejamos que se abra nuestro emulador para
android….

21. Después nos abrirá nuestro emulador

22. Para correrlo seleccionamos nuestro programa,
damos click derecho y seleccionados la opcion RUN
AS de ahí la opcion de 1 Android Application

23. Después nos abrirá una ventana donde nosotros
seleccionaremos la opcion YES

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

25. 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:

26. Agregamos Valores y listo; y en la parte inferior nos
mostrara el resultado

27. El programa de eclipse nos facilita muchísimo reusar
código y recursos además de configurar, extender y
personalizar el proceso.
Empezamos a entenderlo cuando la maestra comenzó a
explicarlo y de ahí nos dimos cuenta de que es mas fácil
programarlo con el software que nos recomendó
aprendimos que cada vez que coloquemos una función o
paso dentro del proceso que realizara, este debe ser
exportado hacia la librerías de los códigos y de esta ventana
trabajaremos el programa 3 para que funcione en su
totalidad a fin de que el usuario termine el proceso que se
determine en el inicio del programa con las especificaciones
que el maestro pida.