Saltar la navegación

Crear Interfaz

Tarea

Realizar un programa donde aparezca la fotografía de un animal y un botón debajo de la misma.

Al pulsar el botón emitirá un sonido, así como al agitar el dispositivo.

Disposición

Existen tres tipos de Disposición que permite la colocación de los distintos elementos en nuestra pantalla. Para ello, nos ofrece las siguientes opciones:

  • Disposición Horizontal. Aparece un cuadro donde se integrarán diferentes tipos de componentes que se colocaran uno al lado del otro, de manera horizontal. 
    Fuente Propia (CC0)
  • Disposición Vertical. Aparece un cuadro donde se integrarán diferentes tipos de componentes que se colocarán uno encima del otro, pudiendo adoptar diferentes tipos de propiedades.
    Fuente Propia (CC0)
  • Disposición Tabular. Permite distribuir los elementos como una tabla. Nos permite elegir número de filas y columnas, el ancho y el alto.
    Fuente propia (CC0)

Diseño Interfaz

Vamos a diseñar la interfaz de nuestra aplicación. Vamos a integrar una disposición vertical, para colocar una etiqueta informativa, una imagen, un botón y un sonido.

Las propiedades de cada uno de los elementos son las siguientes:

Fuente Propia (CC0)

Diseño del interfaz, podría quedar de la siguiente forma:

Visor
Visor
Fuente Propia. Visor (CC0)

Para integrar el sonido y la imagen, debemos de subir los siguientes archivos:

al apartado Medios:

Medios
Medios
Fuente Propia. Medios (CC0)

Programa

Los bloques de programación que se integrarían en nuestra aplicación serían:

Bloques
Bloques
Fuente Propia. Bloques (CC0)

Tarea de Ampliación

Crear una aplicación donde aparezcan seis imágenes de diferentes animales, de tal forma que al pulsar sobre cada uno de ellos se ejecute su sonido.

Fuente Propia (CC0)