|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
T Búsqueda en este sitio:


.

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.

_____________________________________________________________

 

___________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información