App2: Darth Vader
Propuesta: En la segunda práctica, vamos a realizar una app que reproducirá un sonido al pulsar un botón. En este caso, el sonido será el del personaje mítico Darth Vader.
Diseño de la interfaz: Tendrá dos botones, uno "Respira" y otro "Salir"; además, le pondremos una imagen de fondo y un icono a la aplicación.
Resultado final: Aquí puedes una imagen del resultado final del diseño tanto en la app como en el móvil:
Comenzamos a crear!!
Objetivo: Crear una aplicación que, al pulsar un botón, se escuche la respiración de Darth Vader.
Como siempre, nos vamos al menú de la aplicación y hacemos clic en el botón "Comenzar un nuevo proyecto". Recuerda previamente haber cambiado el idioma a Español.
Escribimos el nombre "Darth_Vader" (Recuerda que no debe contener espacios).
Comenzamos con la parte gráfica o interfaz; en esta ocasión, vamos a necesitar una imagen y dos botones, aparte del icono de la aplicación.
Descarga la carpeta comprimida "App2.zip" que hay más abajo en esta página. En ella, tendrás todos los recursos necesarios para la aplicación.
En el menú de la izquierda "Paleta" arrastramos hacia el "Visor" los siguientes componentes y los configuramos así:
Programación de los bloques: Solo tenemos dos, los correspondientes a las acciones de cada botón.
Probar la aplicación: Mira la App1 para ver cómo podemos probarla y finalmente, instalarla en nuestro móvil.
Mejoras: Te habrás dado cuenta que los dos botones no quedan alineados y que la imagen de fondo de Darth Vader queda resaltada con el fondo blanco de la interfaz. Intenta que el resultado final sea el que se muestra en la imagen de más arriba. Para alinear los botones, necesitarás usar una herramienta muy utilizada, como es la "disposición horizontal". El resultado final de los componentes, debe quedar así:
