APLICACIÓN BOTA LA PELOTA

Una nueva aplicación más os traigo!! Se llama bota la pelota, consiste en la típica aplicación de deslizar el dedo por la pantalla táctil de nuestro aparato, y que la pelota se mueva hacia la dirección que la hemos mandado.

No tiene mucho más misterio esta aplicación. Os dejo una foto para que veáis la interfaz de la aplicación, y os enlazo un vídeo para que veáis el funcionamiento.

El elemento nuevo que se ha introducido en esta aplicación ha sido el elemento Sprite, cuyo ejemplo es la pelota y permite que se mueva por la pantalla y rebotar en paredes y deslizarse

Como podréis comprobar al ver el vídeo, la pelota lleva una velocidad inicial, y a medida que va rebotando por las paredes, está programada para decrecer su velocidad hasta que llegue el punto en que se pare

Interfaz de la aplicación

Vídeo de la aplicación

Dicho esto, la próxima aplicación que os presente será una aplicación muy entretenida, que consistirá en tirar penaltis a un portero que está en continuo movimiento.

Nos vemos en los penaltis!!

ÍNDICE DE ENTRADAS

Como ya os he contado en anteriores entradas, hemos ido haciendo aplicaciones las cuales haremos más, y os las contaré en este blog en primicia y en exclusiva; y al venir a plasmar mi aplicación en el blog, se han descolocado, de manera que si se lee de manera natural la página principal del blog (de arriba hacia abajo) no se va a entender del todo el orden, porque hablo de cosas que se explican en entradas anteriores (en este caso posteriores debido al descoloque).

Entonces, la causa de esta entrada es explicaros mediante un índice, cómo va el orden de mis aplicaciones:

1.- AppInventor
2.- Aplicación Pikachu
3.- Aplicación Animales
4.- Minipaint
5.- Tips para las apps

Os he insertado el enlace a cada una de las entradas, para que os sea más cómodo y no tengáis que ir buscando y bajando la página del blog.

Nos vemos en la próxima!

TIPS PARA LAS APPS

Estos tips van relacionados sobre todo con la aplicación del MiniPaint, aunque hay algunas cosas que son válidas para cualquiera de las 3, pero los consejos predominan principalmente para la aplicación explicada en la entrada anterior (si no la habéis leido os dejo aquí el enlace)

Para dar buena imagen de nuestras aplicaciones, lo normal es que cuadre todo según la pantalla, sea del tamaño que sea la pantalla, o no?

Por tanto para conseguir eso, lo que se hace es una opción llamada "ajustar al contenedor", que lo que hace es ajustar cualquier botón o disposición de cualquier tipo a los límites de la pantalla en la que estamos.

Si le damos la opción de ajustar al contenedor una disposición horizontal, ésta se nos ajustará dentro de los límites de la pantalla; pero, si, por el contrario, metemos la opción de ajustar al contenedor un botón de los que tenemos dentro de una disposición horizontal, este botón se nos ajustará en proporción de lo que haya dentro de la disposición horizontal (si hay dos botones, se ajustará a la mitad; si hay 3, se ajustará al 33%, y así sucesivamente)

Todo esto que he explicado, es para la parte de distribución de los botones; tras finalizar con ello, habría que ponerse a realizar el código de la aplicación, indicando si pulsamos cada botón, qué es lo que queremos que suceda. De manera que si queremos que, al hacer clic en el botón azul para cambiar de color, habrá que poner el código de: cuando btnAzul -> cambiar color pintura
Esto, se haría con todos y cada uno de los botones de la aplicación.

Todo lo que he explicado en esa entrada es lo que llevamos hecho durante el curso, que no es poco; y seguramente aprendamos a hacer muchas cosas más!

MINIPAINT

   
Para realizar la tercera aplicación, utilizamos el mismo programa que para las dos anteriores, pero con variaciones.
En esta aplicación no insertamos foto alguna, sino que en su lugar insertamos una nueva función, llamada lienzo; que consiste en que es un cuadro de texto donde podemos dibujar lo que nos plazca.

Después de insertar el lienzo, insertamos varios botones, que podían determinar si guardar... borrar... cambiar el color... o incluso podemos hasta salir de la aplicación una vez esté instalada.

Otras tres funciones nuevas con las que trabajamos en este proyecto son el deslizador y el notificador, y el lienzo.

El deslizador es lo que se encuentra a la derecha del botón del color negro, donde puedes manipular el grosor del pincel con el que pintas. (Se ve en la primera y segunda foto)


El notificador es una ventana que te permite asignarle un nombre con el que guardar tu dibujo. (Aparece en la tercera foto)

El lienzo es un espacio de la pantalla que tiene propiedades que te permite pasar tu dedo por la pantalla y dibujar lo que se desee.

Os dejo el enlace a un vídeo para que veáis cómo funciona la aplicación

Vídeo

Estos han sido los únicos elementos nuevos, por lo demás, todo igual que el resto de aplicaciones.

En la siguiente entrada os aclaro algunas cositas.

APLICACIÓN ANIMALES

    

En esta segunda aplicación, insertamos 8 fotos de 8 animales diferentes, y, si queríamos le podíamos meter el sonido dentro de la imagen, era más estético, pero yo preferí meterle el sonido en un botón diferente a la imagen; de manera que podemos ver en las fotos, que las dos primeras son las imágenes que seleccioné para los distintos animales; y en la tercera foto se encuentran los botones donde, si pulsamos, los sonidos de cada animal son reproducidos.

Hay 8 imágenes en esta aplicación, y, mientras que se está creando la aplicación, hay un botón que te da una opción de meter 8 elementos en un mismo cuadro; y esos elementos pueden ser o botones o fotos.

De esta manera, en esta aplicación hay 2 disposiciones tabulares, una de ellas ocupadas por fotos (haciendo 8 fotos en total), y la otra restante está usada por 8 botones, donde si pulsamos, el sonido del animal es reproducido.



En la siguiente entrada os explico cómo hice la aplicación del MiniPaint.

APLICACIÓN PIKACHU

Una de las aplicaciones más sencillas que se pueden crear, es la primera que hicimos, la cual sirivió como toma de contacto con este recurso; consistía en insertar una foto de Pikachu, y poner debajo dos botones metidos en una disposición horizontal (esto último podía ser opcional, pero con esta opción quedaba más agradable a la vista).

Uno de los botones tenía la función de Gritar, y otro de los funciones tenía la función de Salir de la aplicación. en el botón de Gritar, tenía asociado un sonido que no se reflejaba en la pantalla, donde el sonido se efectuaba al pulsar el botón de Gritar, y ese sonido era el famoso grito de Pikachu. 

La foto tenía función decorativa y asociativa a la idea y forma del famoso Pikachu, no tenía ningún elemento interno ni asociado a ella.

Sucedía entonces, que cuando pulsábamos el botón de Gritar, la aplicación emitía el sonido de Pikachu, y al pulsar el botón de Salir, la aplicación se cerrará. (Esto último sólo sucederá con la aplicación ya descargada, porque el emulador no permitía Salir)

En la siguiente entrada os explico la aplicación de 8 animales y sus 8 sonidos.

APPINVENTOR

Para quien no conozca la página web AppInventor es una página donde con tu cuenta de Google te permite registrarte, y empezar a crear aplicaciones mediante una serie de introducción de botones, códigos y comandos para que cuando se descargue esa aplicación, funcione de verdad.

Aparte de esto, mientras que se va diseñando la aplicación, hay una ventana que simula la pantalla de nuestro aparato con sistema operativo Android, para que mientras que vamos creando la aplicación e insertando botones, vayamos viendo simultáneamente cuál va a ser el resultado final de nuestro trabajo.

Con esta página web, como digo, se pueden crear todo tipo de aplicaciones, desde las más sencillitas hasta las más complejas.

En las próximas entradas vamos a ver algunas que hemos ido haciendo.