Tema 1

ACTIVIDAD GUIADA 2 - BOTONES Y ETIQUETAS

1) Entra en MIT App Inventor en el ordenador con tu usuario y contraseña de la cuenta de Google del Instituto, y arrastra tres botones y una etiqueta de texto dentro del visor del dispositivo.


2) Cambia los nombres de los botones y su color de fondo (rojo, amarillo y verde). Cambia el texto de la etiqueta en el panel de sus propiedades poniendo Texto. Recuerda que para ver las propiedades de un elemento, lo tienes que seleccionar en el visor o en la lista de componentes que has puesto.

3) Añade al visor una DisposiciónHorizontal de la categoría Disposición y arrastra dentro los tres botones (Verás cómo se alinean horizontalmente)

Las disposiciones nos permiten distribuir los elementos dentro de la pantalla de nuestra App de la forma que queramos.

Selecciona en la DisposiciónHorizontal y también en la Etiqueta, Ancho - Ajustar al contenedor, para que ocupe todo el ancho de la pantalla, y hemos seleccionado la disposición Centrada.


4) Queremos que cambie el color de fondo de Screen1 cada vez que pulsemos uno de los tres botones, para ello ve Bloques y añade el código de la imagen. (Intenta comprender lo que hacen cada uno de los bloques que has empleado)

Los botones son los generadores de eventos, los seleccionamos en la lista de bloques y elegimos los bloques marrones.

Prueba el funcionamiento del programa realizado en 

Conectar - Al Companion


5) Vamos a hacer que nos muestre un mensaje en la Etiqueta1 cada vez que pulsamos un botón. Añadimos los bloques correspondientes en cada botón para que muestre el mensaje "Has pulsado el botón rojo (amarillo/verde)", para eso, busca los bloques seleccionando Etiqueta1.