Extension: Animated Gif Clickable. Transparent bg


#1

Hi friends,

this extension is about Animated Gif Clickable.

  • It is necessary a Layout (Horizontal or Vertical), Gif set in that Layout.

  • It is not necessary a component of Image, but you can set too.

  • You can create animated Gif in Screen1.Initialize or Click Button…

  • If name of image is empty or does not exist, image is not create :slight_smile:

  • You can click over Gif images and trigger an event.

  • In this example first click Button, then over Stan-Oli, and then over Travolta confused.

  • Transparent background.

  • Gif in the chosen position.

  • Feliz Año Nuevo.

  • Juan Antonio Villalpando

  • Hola amigos, con esta extensiĂłn podemos poner Gif animados en nuestros proyectos, además podemos pulsar sobre ellos para ejecutar un evento.

  • Es necesario una DisposiciĂłn (Horizontal o Vertical) donde se creará el GIF.

  • TambiĂ©n podemos poner un componente de imagen, pero no es necesario, consulta el ejemplo.

  • Al pulsar sobre los GIF lanzamos un evento.

  • Se pueden poner GIF con fondo transparente.

  • Se puede situar el GIF en cualquier lugar del DisposiciĂłn.

  • En el ejemplo que he puesto, primero pulsas el BotĂłn, luego sobre la imagen del Gordo y el Flaco y despuĂ©s sobre el Travolta confundido.


p193B_gif_animado.aia (888.3 KB)
p193D_gif_animado.aia (1.3 MB) (Example transparent bg.)

com.KIO4_AnimatedGif.aix (9.0 KB)
com.KIO4_AnimatedGif.aix (11.2 KB) (This is last version)(Transparent bg. Position image.)

http://kio4.com/appinventor/293B_extension_gif_animado_click.htm


Help with solution to simpla app with animation
#2

**

Despacito.

**

p193C_gif_animado.aia (1.9 MB)


#3

this extention is very good
but i’ve noticed that the background of the gif is not transparent when it’s on phone


and i’ve changed the arrangement background


#4

(Images works without transparency in this extension.)

Edit: With last version works with transparent bg


#5

Can we stop animation after 'x’seconds while maintaining its clickable ability


#6

Hei @Gudguy, this extension cann’t stop image, maybe I’ll modify it another day.

With this other extension you can click in a static image.

https://community.thunkable.com/t/click-over-image-get-coordinates-pointer-event-click-over-label-event/11311


#7


Sir this extstion not work properly in 4.4.2 or lower Android version

Please give some solution …

Thanks


#8

sir https://community.thunkable.com/uploads/default/original/3X/a/0/a01c5514f194c159da1ab52ae29b01d0c04c7c1b.png

breaking images


#9

I think it breaks the images because the device is slow, maybe with an Android 4.4.2 but a faster device works fine.
Use other methods for animated gif:

http://kio4.com/appinventor/6C_gif_animado_2.htm


#10

Is it possible add a transparent GIF with the background from the parent?


#11

Soon with transparent background.


#12

Nice, waiting!


#13

@FabianoLothor

Here an example of GIF with Transparent background:

  • With the AnimatedGif block, we can put an animated GIF, the VerticalArrangement adapts to the dimensions of the image. You can put the VerticalArrangement with a background and the GIF image have a transparent background.
    extension_gif3

With the AnimatedGifPos block, the VerticalArrangement does not adapt to the dimensions of the image. You can put the VerticalArrangementt with a background and place the Gif in a certain position.
extension_gif4

p193D_gif_animado.aia (1.3 MB)
com.KIO4_AnimatedGif.aix (11.2 KB)

http://kio4.com/appinventor/293B_extension_gif_animado_click.htm
paypal


Gif not displayed properly
#15

sir in Android 4.4.2 version not work properly …

please fixex it…


#16

I have problem like this…the gif not transparant when live test…what is the solution sir? what change did you make?


#17

what is the solution for this sir? i va try above extension but did’nt work…


#18

Oh yes…its work…but mr. juan…how do we estimate of left or right margin?..I mean where it measured from?


#19

i can’t dowbload guys. please help me


#20

It seems that it only works in versions lower than Android 6