App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Curso de App inventor 2 en español - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

____________________________
26.- GIF animados. (I)

p26_gif_animado.aia

- Android no se lleva bien con los Gif animados, hay que recurrir a códigos complejos o trucos.

- En este caso el truco que vamos a utilizar es poner una imagen en un directorio de Android y ver esa imagen con el navegador web.

- Cuando subimos una imagen al proyecto, ésta se guarda en... /mnt/sdcard/AppInventor/assets/ninja.gif

- así que mediante el navegador de internet obtenemos esa imagen en la pantalla.

file:///mnt/sdcard/AppInventor/assets/ninja.gif

_________________
- Diseño.

_________________
- Bloques.

_________________
- IMPORTANTE: Instalación.

- Mientras estamos en App inventor haciendo pruebas, debemos poner esta dirección de archivo:

file:///mnt/sdcard/AppInventor/assets/ninja.gif

- Pero si queremos Generar la aplicación para obtener el archivo .apk de instalación, previamente, antes de Generar debemos cambiar a esta otra dirección:

file:///android_asset/ninja.gif

_______________________________
26B.- Otra manera de realizar GIF animados.

- Otra manera de realizar GIF animados es cargando una serie de "fotogramas" que forman el movimiento de la imagen y luego ir presentandolos mediante un temporizardor.

- En la Gallery de App inventor encontramos esta aplicación, que también participó en nuestro concurso de agosto 2015.

PHOTO_SURPRISE .aia

Es interesante estudiar su código y ver cómo se produce el efecto del movimiento de la imagen.

El objetivo de la aplicación consiste en añadir un gif animado a una foto inmediatamente después de ser sacada. La imaginación puede colocar el gif en una habitación, en la mano de un niño, encima de una mesa...

_______________________________
- Tengo un GIF animado, ¿cómo puedo obtener cada uno de sus fotogramas? (Split).

- Entras en esta web, subes tu GIF animado y Split para obtener los frames o fotogramas. Bájalos como un archivo .zip

http://ezgif.com/split

- Además puedes editarlo para cambiar el tamaño, velocidad,...

_______________________________
- Otra manera de poner un Gif animado. Extensión.

- Utilizando la extensión que puedes ver en este tutorial puedes poner gif animados que además puedes pulsar sobre ellos.

293B.- Poner GIF animado y poder hacer click sobre él.

- Otra manera, mediante una página web que adapte su tamaño al de la imagen como se ve en este ejemplo del foro en inglés:

https://groups.google.com/forum/#!searchin/mitappinventortest/animated$20gif|sort:date/mitappinventortest/ciMwmF3u2Ik/B_3rK_SSBAAJ

__________________________________