Android Lab02
-
Upload
antonio-arroyo-paz -
Category
Documents
-
view
29 -
download
1
Transcript of Android Lab02
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 1
Carrera de Ingeniería de Sistemas
Laboratorio 2: APPINVENTOR
Aplicación
Objetivos
Conocer el entorno de trabajo.
Pagina Principal del AppInventor
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 2 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Escribir el nombre del Proyecto
Ambiente de trabajo
1 imagen
2 label
3 botones
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 3
Carrera de Ingeniería de Sistemas
Propiedad
Label1 FontSize 25
Text Descubre Puno Turístico
Cambiamos los botones a los nombres de los sitios turísticos de Puno
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 4 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Propiedad TEXT
Propiedad
Button1 Catedral
Button2 Isla de los Uros
Button3 Sillustani
Renombramos los botones
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 5
Carrera de Ingeniería de Sistemas
Se cambio el nombre de los botones
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 6 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 7
Carrera de Ingeniería de Sistemas
Abrir el Blocks Editor
Elegir el when.BotonCatedral.Click do
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 8 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
debes buscar un módulo dentro de LabelResultado que permita cambiar el texto. Verás un módulo que se llama “set LabelResultado.Text to...” que significa “establecer el texto de LabelResultado a...”. Por tanto arrastra este módulo al lienzo y conéctalo con el módulo que tenías, para que se ejecute cuando se haga clic en el botón.
Ahora sólo falta añadir el texto que debe mostrarse al pulsar el bótón. En este caso vamos a escribir “Catedral”. Para ello debes ir a la sección “Built-in”, donde se encuentran los módulos más comunes de AppInventor y pulsar en “Text”. Verás una serie de módulos relacionados con cadenas de texto. Elige la primera “text” y arrástrala al lienzo de manera que quede conectada con los módulos anteriores. Sólo nos queda cambiar la cadena de texto que viene por defecto text por el texto que queremos que aparezca. Para ello pulsa text y escribe “Catedral”.
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 9
Carrera de Ingeniería de Sistemas
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 10 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
Lo mismo para sillustani y Uros
Finalmente
Activamos el emulador
Click en New emulator
Luego en Connect to Device
AppInventor Lab 2: Android - AppInventor
Ing. Antonio Arroyo Paz L2 – Pág. 11
Carrera de Ingeniería de Sistemas
Probando haciendo click en cada uno de los botones
Al principio vemos el dispositivo emulador hay que desbloquer, deslizando el candado
Lab 2: Android - AppInventor AppInventor
L2 – Pág. 12 Ing. Antonio Arroyo Paz
Carrera de Ingeniería de Sistemas
El profesor:
Ing. Antonio Arroyo Paz