Progrma2 de eclipse
-
Upload
jacqueline98 -
Category
Education
-
view
22 -
download
0
Transcript of Progrma2 de eclipse
![Page 1: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/1.jpg)
CETis 109Ruth Rosas
4°Bm ProgramaciónDesarrolla
Aplicaciones Móviles
“PROGRAMA2”
![Page 2: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/2.jpg)
Procedimiento de como un programa de suma en la pantalla
de un celular
![Page 3: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/3.jpg)
Primero abrimos Eclipse
![Page 4: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/4.jpg)
Damos clic en File
Luego a New
Y por ultimo a Android Application Project
![Page 5: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/5.jpg)
Colocamos el nombre de nuestro programa
Posterior mente damos clic en “Next”
![Page 6: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/6.jpg)
Damos clic en “Next”
![Page 7: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/7.jpg)
Clic en “Next”
![Page 8: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/8.jpg)
Seguimos dando clic en el botón “Next”
![Page 9: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/9.jpg)
Y finalmente hacemos clic en “Finish” para finalizar el proceso de creación del
programa
![Page 10: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/10.jpg)
Y así es como nos aparecerá el programa
![Page 11: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/11.jpg)
Posteriormente borraremos el mensaje de entrada ”Hello
word”
Y tiene que quedarnos libre la hoja de edición de nuestro programa
![Page 12: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/12.jpg)
Agregaremos a nuestro programa la
edicion de texto”Medium Text”
Posteriormente editaremos la opcion “Id”
agregando”@+id/num1
Y en la opción “Text” le pondremos ”Primer
numero”
![Page 13: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/13.jpg)
Nos aparecerá la siguiente ventanilla ,a la que le tenemos que dar clic en “yes” para los cambios
que le hicimos al programa
![Page 14: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/14.jpg)
Ahora arrastraremos a nuestro programa de
la carpeta ”Text Fields” la opción “abc”
![Page 15: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/15.jpg)
Agregando en “id” lo siguiente:”@id+/textView1”
![Page 16: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/16.jpg)
Arrastramos hacia nuestro programa de la carpeta ”Form Widgerts” la opción ”Medium
Text”
![Page 17: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/17.jpg)
Posteriormente en “id” agregamos”@+id/num2”
Y en la opción de “Text” ponemos como texto :“Segundo Numero”
![Page 18: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/18.jpg)
Ahora arrastramos a nuestro programa de la carpeta “Text
Fields” la opción “abc”
![Page 19: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/19.jpg)
Editamos en “Id” agregando”@+id/num2”
![Page 20: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/20.jpg)
Nos aparecerá la siguiente ventanilla a la cual tenemos que darle clic en “yes” para que haga los cambios correspondientes que
le hicimos a nuestro programa
![Page 21: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/21.jpg)
Posteriormente nos aparecerá la siguiente ventanilla ,le damos clic en “ok” para
realizar los cambios correspondientes
![Page 22: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/22.jpg)
Arrastraremos hacia nuestro programa de la carpeta de
“Form widgets” la opción de “Button”
![Page 23: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/23.jpg)
Posteriormente editamos en “Id” agrgando “@+id/button1”
Y luego en la opcion “Text”
ponemos”Calcular”
![Page 24: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/24.jpg)
Agregando en “On Click” lo siguiente:”sumar”
![Page 25: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/25.jpg)
Ahora arrastramos a nuestro programa dfe la
carpeta ”Form Widgets” la opción “Medium”
![Page 26: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/26.jpg)
Agregamos en “Id” lo siguiente:”@+id/res
Y en la opción ”Hit” lo siguiente:”Resultado”
![Page 27: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/27.jpg)
Nos aparecera la siguiente ventanilla,le damos clic en
“Yes”
POSTERIORMENTE NOS APARECERA LA SIGUIENTE VENTANILLA
Le damos clic en “ok” para que se hagan los
cambios correspondientes a nuestro programa
![Page 28: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/28.jpg)
Hacemos clic en el icono de “Andorid virtual Device
Manager”
![Page 29: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/29.jpg)
Y NOS APARECERA LA SIGUIENTE VENTANA
![Page 30: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/30.jpg)
Damos clic en “Start”
![Page 31: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/31.jpg)
Nos aparecerá la siguiente ventana y damos clic en
“Launch”
![Page 32: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/32.jpg)
Posteriormente se empezara a cargara el programa
![Page 33: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/33.jpg)
Se empezara a cargar la pantalla del celular
Y aparecera
asi
![Page 34: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/34.jpg)
En la parte de la “Package Explorer” damos clic a la carpeta
de “Programa2”
![Page 35: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/35.jpg)
POSTERIORMENTE DAMOS CLIC EN
MAINACTIVITY.JAVA
![Page 36: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/36.jpg)
NOS APARECERÁ LA SIGUIENTE CODIFICACIÓN
![Page 37: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/37.jpg)
Y a la codificación agregamos el
texto que nos asía falta
![Page 38: Progrma2 de eclipse](https://reader037.fdocuments.us/reader037/viewer/2022103019/55c538bebb61ebff038b470c/html5/thumbnails/38.jpg)
Y así es como nos tiene que quedar nuestro programa