viernes, 3 de mayo de 2013

APP Inventor SALUDO

Para hacer una aplicación en APP Inventor en la que sea un saludo debemos meter en el APP Inventor MIT y acceder con tu cuenta Gmail.
En la pagina principal de APP Inventor debemos crear un nuevo proyecto de App Inventor


  • Para crear el nuevo proyecto debemos pulsar New y ponerle un titulo (nosotros utilizaremos hola_ciclo).


  • A la izquierda tenemos un menú, nos situaremos en la parte de basic, de hay escogeremos un botón que lo nombraremos: Pulsa aquí para ver el saludo.



  •  Ahora nos situaremos en el menú de screen Arrangement y escogeremos TableArrangement (es para crear una tabla).


  • Volvemos al menú basic, y escogeremos: 1 Label en el que ponga Nombre, otro Label en el que ponga saludo Y 2 TextBox, uno para poder escribir tu nombre, y el otro para que te salga el saludo con tu nombre, de tal forma que queden así.



















































  • Cuando tengamos la estructura echa pulsa el botón que hay en la esquina derecha superior en el que pone Open the Blocks Editor, y esperar a que inicie.



  •  A la izquierda nos sale un menú con tres casillas, nosotros usaremos Built-In y My Blocks, que tiene todos los componentes (labels, botones, text box,...).




  • Pulsamos en My blocks, y pinchamos en la casilla del botón, en nuestro caso se llama btn_saludo, lo pulsamos y debe salir otro menú desplegable en el que te saldrán muchos elementos, tenemos que buscar el que se titule Btn_saludo.click en verde, lo pinchamos y lo arrastramos a la pantalla.

  • Ahora pulsaremos en txt_saludo, ahora debemos buscar en el que ponga txt_saludo.text (de set), arrastrarlo a la pantalla y encajarlo con el btn_saludo.clic.

  • Una vez puesto el txt_saludo.text en el btn_saludo.clic, pulsaremos en el menu Built-In, y pinchamos en la casilla que dice text, buscamos make text y lo arrastramos en la pagina hasta unirlo al txt_saludo.text.
  • Cuando tengamos el make text colocado, pulsaremos el menú de My Blocks y pulsamos en txt_saludo y buscamos txt_saludo.text (el de azul claro), que es el que hace de terminación, y lo uniremos a make text.
  • Una vez unido pulsamos en txt_nombre y buscamos la terminacion txt_nombre.text y la unimos tambien a make text debajo de saludo.
  • Para finalizar después de poner el txt_nombre.text, pulsamos en Built-In, pinchamos en text y buscamos text, lo colocamos debajo de el txt_nombre.text, pulsamos donde pone text y cambiamos el nombre al saludo que queramos poner.

  • Nos debería quedar así:


  • Ahora abrimos el emulador, pinchamos en la esquina superior derecha donde pone New emulator, cuando se abra el emulador pulsaremos el botón que hay al lado de New emulator, que es Connect to Device y en la lista que nos aparece le daremos a emulator.



  • Una vez abierto el emulador con la aplicación, acemos la prueba, ponemos nuestro nombre en la casilla al lado de nombre, y pulsamos el botón  y si lo hemos hecho bien, nos debería salir nuestro nombre con el saludo.


  • Ya tenemos nuestro saludo en APP Inventor.

No hay comentarios:

Publicar un comentario