¡Hola! Bienvenidos de nuevo a la "Hora de Código" de App Inventor Me llamo Emily Y yo soy Shai. En nuestro último tutorial vimos como crear la App "Talk to me": pulsas el botón y el móvil te habla … Qué divertido …. (irónicamente) ¡Siempre hay que empezar de alguna forma! Estoy preparada para hacer algo más chulo …
Bien, vamos a ampliar la App "Talk to me" de tal forma que responda cuando meneas el móvil y que también permita al usuario escoger sus propias frases Stop shaking me ! ¿Te gusta más ahora? ¡Se me ocurren un montón de cosas! ¡ podría darme mensajes de ánimo mientras voy corriendo ! ¡Genial! Vamos a empezar, lo mejor de todo es que sólo nos llevará un par de minutos, verás lo sencillo que es con App Inventor.
¿Te habla tu teléfono? ¡presta atención, porque vamos a hacerlo aún más divertido! Habíamos acabado el tutorial de la App "Talk to me" en el editor de bloques. Primero necesitamos ir a la ventana de diseño para añadir otro componente a nuestra App. Queremos modificar la App para que el móvil "hable" cuando lo meneas. Para eso, necesitaremos un componente llamado "acelerómetro" En la paleta de la izquierda, haz clic en "Sensores" y arrastra un sensor "acelerómetro". Se trata de nuevo de un componente "no visible", así que aparecerá también en la parte inferior. Esto es todo lo que necesitamos de momento … volvemos de nuevo al editor de bloques Mientras desarrollas tus Apps, alternarás con frecuencia entre la ventana de diseño y el editor de bloques Ahora necesitamos un bloque para cuando el móvil está meneándose: técnicamente se le denomina un "gestor de eventos". Arrastra el bloque que dice "Cuando Acelerómetro1. Agitar" Este evento se "dispara" cuando alguien agita el móvil ¿Y qué queremos que ocurra entonces? ¿queremos que el teléfono nos hable, verdad? Ya conocemos los bloques que se utilizan para eso, ya que son los mismos bloques que tenemos dentro del evento "Button1.
Clic" (hacer clic en botón 1). Vamos a ver un pequeño truco que te ayudará a programar más rápido en App Inventor : consiste en copiar y pegar bloques. Haz clic en el bloque morado asociado a "Texto a Voz1", pulsa las teclas CTRL+C para copiar (igual que lo harías para copiar texto), luego pulsa las teclas CTRL+V para pegar … Ya está: tienes una copia del bloque "Texto a voz1" y del bloque de texto que está pegado a él. Arrastra estos bloques de copia dentro del bloque correspondiente al evento "Acelerómetro1. Agitar" Si tuviste algún problema al copiar y pegar los bloques, no te preocupes: también puedes arrastrar bloques nuevos desde la paleta de la izquierda. Recuerda que hemos copiado dos bloques: el bloque "Texto A Voz1.
Hablar Mensaje" y también un bloque de texto desde "bloques integrados". Así que ahora, el móvil hablará en voz alta si lo meneas. ¿No crees que sería más gracioso si el móvil se quejara de que lo están meneando? Vamos a poner algo divertido, como p. ej: "¡Deja de menearme!" ¡Ahora vamos a probarlo! Coge tu móvil y pégale un buen meneo. Ahora nuestra App mola más, ¿verdad? Pero aún vamos a añadir algo más … imagínate que compartes esta App con tus amigos. ¿no crees que sería más divertido si pudieran indicarle a sus móviles lo que ellos quieren que diga? Para hacer esto, tendrás que volver al "diseñador" En la paleta de la Interfaz de usuario seleccionas un "campo de texto" y lo arrastras … Vamos a cambiar el orden y ponemos el botón debajo del campo de texto … ¿Adivinas a dónde vamos ahora? volvemos al "editor de bloques" … Haz clic en "Campo de Texto1" y fíjate en los bloques que tiene asociados Lo que queremos es cambiar lo que sucede cuando se pulse el botón1 …
Y que en lugar de decir siempre la misma frase … … queremos que la App diga lo que el usuario haya tecleado en el campo de texto1 vamos a buscar abajo … estos bloques verdes se llaman "getters" y "setters" porque nos permiten "get" (recoger) y "set" (poner) las propiedades del componente. Quieres recoger (get) el texto que el usuario haya escrito en la caja de texto, así que necesitas el bloque "getter" para "Campo de Texto1. Texto" Encaja ese bloque dentro del bloque "gestor del evento clic" del botón "Button1" … pero primero tendrás que desechar el bloque de texto que ya existía y ahora ya puedes encajar el nuevo bloque "Campo de Texto1. Texto" en su sitio. Prueba de nuevo tu App Cuando hagas clic en la caja de texto en tu móvil, aparecerá el teclado y puedes teclear la frase que quieras. Ahora, aprieta el botón y mira lo que ocurre: Hay varias formas de mejorar esta App: Échale un vistazo al tutorial en PDF para obtener nuevas ideas sobre cómo hacerla aún más divertida.
La versión en PDF de este tutorial podrás encontrarla en nuestra web para resolver cualquier duda que tengas. ¡Tía: hemos hecho una App auténtica! Es bastante molesto … ¡Ya lo creo! Bueno … creo que te lo vas a pasar bomba con el siguiente tutorial, porque vamos a hacer rodar una bola por la pantalla cuando la deslizas con tu dedo ¡Me muero de ganas por verlo!