App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando
-- Tutorial de iniciación de App Inventor 2 en español --
Volver al índice del tutorial
____________________________
293B.- Poner un GIF animado y hacer Click sobre él.
- Vamos a utilizar una extensión para poder poner GIF animados y hacer Click sobre ellos.
- Además cuando hacemos click sobre una imagen se dispara un evento.
- Para insertar una imagen GIF debemos poner un Disposición Horizontal o Vertical, el GIF se creará en él.
- Tambíen se puede poner un Disposición, dentro un componente de Imagen con la imagen que queramos en el GIF, pero esto de poner el componente de Imagen NO es necesario, solo lo pondríamos para guiarnos cómo quedará la imagen. Solamente es necesario el Disposición para admitir la imagen.
- Si ponemos un archivo de imagen con un nombre que no exista, simplemente no se verá ese gif, el Disposición se redimensionará a 0.
___________________________
- Ejemplo.
p193B_gif_animado.aia
com.KIO4_AnimatedGif.aix
____________________
- Diseño.
- Se ha de poner Disposiciones Horizontales o Verticales para contener a las imágenes.
- No es necesario poner el componente de Imagen, lo he puesto para ver cómo queda en el Diseño.
- En vez de pulsar el Botón para iniciar la creación de los Gif en sus Disposiciones, se podría haber puesto en Screen1.Inicializar, para que se creen automáticamente al iniciar la ventana.
- Al pulsar el Botón se sitúa el Gif de "el Gordo y el Flaco", si pulsamos sobre esta imagen, se creará la del "Travolta confuso". A las imágenes de KIO4 y el muñequito no les he puesto evento, se podría poner que al pulsarlo iniciara la web de KIO4.
- Al pulsar sobre "el Gordo y el Flaco" se arranca su conocida musiquita y se crea el Gif del "Travolta confuso", al pulsar sobre éste se visualiza u oculta una frase.
____________________
- Bloques.
_____________________________________________________________
___________________________
- Despacito.
p193C_gif_animado.aia
- Ejemplo de Gif animado y vídeo musical.
_____________________________________________________________
___________________________
- Fondo transparente.
p193D_gif_animado.aia
com.KIO4_AnimatedGif.aix
- Ejemplo de Gif animado con fondo transparente.
____________________
- Diseño.
- Pantalla en horizontal.
____________________
- Bloques.
____________________
- Comentarios.
- Con el bloque AnimatedGif, podemos poner una imagen de GIF animado, el VerticalArrangement se adapta a las dimensiones de la imagen. Se puede poner el VerticalArrangement con un fondo y la imagen GIF tener fondo transparente.
- Con el bloque AnimatedGifPos, el VerticalArrangement no se adapta a las dimensiones de la imagen. Se puede poner el VerticalArrangementt con un fondo y situar el Gif en una determinada posición.
_____________________________________________________________
___________________________
|