Programa2 de eclipse

45
PROGRAMA DE ECLIPSE

Transcript of Programa2 de eclipse

Page 1: Programa2 de eclipse

PROGRAMA DE ECLIPSE

Page 2: Programa2 de eclipse

CETis 109

♥Cuautle Castillo Daniela Nataly♥De la Portilla Vega Arely Gpe.♥Hernández Valladares Heidi Valeria

4° AM Programación

Desarrolla Aplicaciones Móviles

MCA/MES Margarita Romero Alvarado

Page 3: Programa2 de eclipse

1.- Abrir el programa Eclipse

Page 4: Programa2 de eclipse

Una vez abierto aparecerá así

Page 5: Programa2 de eclipse

2.- Presionamos la opción «File»

Page 6: Programa2 de eclipse

3.-Elegimos la opción «New», y utilizamos ‘Android Application Project’

Page 7: Programa2 de eclipse

4.- Nos aparecerá una ventana, en la cual podremos el nombre del ‘Programa’, en este caso se llamara «PRACTICA2»

Page 8: Programa2 de eclipse

5.- Le damos «Next»

Page 9: Programa2 de eclipse

Se repite el mismo procedimiento

Page 10: Programa2 de eclipse

De nuevo…

Page 11: Programa2 de eclipse

6.- Y finalmente le damos clic en «Finish»

Page 12: Programa2 de eclipse

7.- Y aquí observamos como queda el inicio del programa

Page 13: Programa2 de eclipse

8.- Dar clic derecho en «Hello World» y seleccionar la opción «Delete»

Page 14: Programa2 de eclipse

9.- En la parte de «Form Widgets» y agarramos el texto que dice ‘Medium’ y sin soltarlo lo pasamos a la parte que se indica.

Page 15: Programa2 de eclipse

10.- Cambiar las propiedades de ‘Text’ poniendo «Primer Numero» y de ‘Id’ poniendo «@+id/TextView1»

Page 16: Programa2 de eclipse

11.- Después en la parte que dice «Text Fields, arrastramos la opción de ‘abc’ y la insertamos debajo de el texto que pusimos anteriormente.

Page 17: Programa2 de eclipse

12.- Nos aparecerá una línea, que se muestra así:

Page 18: Programa2 de eclipse

13.- Nos vamos a la parte del lado izquierdo, y vamos a modificar «id», damos clic en el botón ‘…’

Page 19: Programa2 de eclipse

14.- En la parte de «New Name» ponemos el nombre de ‘Num1’ y le das clic en ‘Ok’

Page 20: Programa2 de eclipse

15.- En la parte de «Form Widgets» y agarramos el texto que dice ‘Medium’ y sin soltarlo lo pasamos a la parte que se indica.

Page 21: Programa2 de eclipse

16.- Cambiar las propiedades de «Text» poniendo «Segundo Numero» y de «Id» poniendo «@+id/TextView2»

Page 22: Programa2 de eclipse

17.- Después en la parte que dice «Text Fields, arrastramos la opción de ‘abc’ y la insertamos debajo de el texto que pusimos anteriormente.

Page 23: Programa2 de eclipse

18.- Nos aparecerá una línea, que se muestra así:

Page 24: Programa2 de eclipse

19.- Nos vamos a la parte del lado izquierdo, y vamos a modificar «id», damos clic en el botón ‘…’

Page 25: Programa2 de eclipse

20.- En la parte de «New Name» ponemos el nombre de ‘Num1’ y le das clic en ‘Ok’

Page 26: Programa2 de eclipse

21.- De la carpeta «From Widgets» arrastrar la opción «Button» debajo de la línea al programa

Page 27: Programa2 de eclipse

22.-Te aparecerá así:

Page 28: Programa2 de eclipse

23.- Cambiar las propiedades de «Text» poniendo «Button» y de «Id» poniendo «@+id/button1»

Y en «On Click» poniendo «sumar» (todo con minúscula)

Page 29: Programa2 de eclipse

24.- De la carpeta «From Widgets» arrastrar la opción «Medium» debajo del botón al programa

Page 30: Programa2 de eclipse

25.- Te aparecerá así:

Page 31: Programa2 de eclipse

26.- Cambiar las propiedades de «Text» poniendo «Resultado», de «Id» poniendo «@+id/res» y de «Hint» poniendo «Resultado»

Page 32: Programa2 de eclipse

27.- Darle a la opcion «Android Virtual Device Manager»

Page 33: Programa2 de eclipse

28.- En la siguiente ventana que aparece seleccionar el programa «ANDROID»

Page 34: Programa2 de eclipse

29.- Darle clic en «Start»

Page 35: Programa2 de eclipse

30.- Dar clic en «Launch»

Page 36: Programa2 de eclipse

31.- Te aparecerá lo siguiente:

Page 37: Programa2 de eclipse

32.- Abrir la carpeta «src» despues abrir «com.example.programa» y seguido de eso abrir «MainActivity.java»

Page 38: Programa2 de eclipse

33.- Te aparecerá así:

Page 39: Programa2 de eclipse

34.- Escribir el siguiente código

Page 40: Programa2 de eclipse

35.- Dar clic derecho en la capeta «Programa»

Page 41: Programa2 de eclipse

36.- En la opción «Run As» dar clic en la opción «1 Android Aplication»

Page 42: Programa2 de eclipse

37.- Dar clic a «OK»

Page 43: Programa2 de eclipse

38.El emulador te aparecerá así

Page 44: Programa2 de eclipse

39.- Hacer una prueba de suma y darle a «calcular»

Page 45: Programa2 de eclipse

40.- Y te aparecerá el resultado