How Do I Load a .gif File?

MIT App Inventor Help
7

Hi Everyone,

Thank you so much for your effort. I have tried the WebViewer method and it didn't work. It just shows a blank screen now in the part where it's supposed to show the .gif. Below is what my blocks look like. Perhaps it might help make things easier. I have other screens as well. This is just the one I need to view the .gif on.

Capture
Capture718×666 50.7 KB

8

Can you share the full link to the gif ?

1 Like
9

Hi TIMAI,

Thank you so much for your assiatance. I managed to get it to work. Turns out the storage server I was using was not adequate. I uploaded the image to imgBB.com and it worked just fine. See below for ameded arramgement of blocks. The link to the image is https://i.ibb.co/tZP02kR/ezgif-4-7a59467445ee.gif

Capture
Capture1401×524 65.2 KB

10

@Msindisi_Mtengwane At a glance, I can see that your global variable CocktailSelected is initialized as a stored value. You can't do that. If you want it to call a stored value on initialization, you should put down a whenScreen1.initialise event block with setglobalCocktail selected to call TinyDB1. Get value blocks inside it. You can initialize it to be whatever was stored then. And initialize the global variable to 0 instead of that getValue block.

2 Likes
11

Hi Netminderno,

Thanks for the information. I was wondering why I’m getting a warning with that block. I’ll sort it out as soon as I open the code again. I’m still a beginner, and already all the information I just got from you guys has made me see things so much better.

Thanks a lot.

2 Likes
12

I just did it and it works perfectly. Thank you pointing that out for me. My code is much cleaner now.

Capture
Capture1342×631 71.5 KB

1 Like
13

Guys is there a way you can use a case / switch function in MAI2? So instead of using a bunch of "IF, Then" blocks, I would have something like "Switch(CocktailSelected): Case1, Case2,Case3...Casen"

14

ya there is there is a block in control u can click the setting icon in the block and add more cases
controls_if

2 Likes
15

Awesome. This worked perfectly. Thanks a million.

2 Likes
16

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.

17

How can I make the GIFs play when the screen opens but also play them to those who do not have them installed on their device?
:thinking::thinking:

blocks
blocks971×259 28.7 KB

18

See below post on how to use gif's

19

Another way to use gif is to splite to frames, upload frames to assets and then with the help of clock component you can alternate images

image
image1324×530 69.6 KB

1 Like
20

You should use a Glide based extension.

21
22

This is going to be a bit tedious :confused::grin:

23

Just tested PedrozaGlide Extension and Glide Image Loader Extension by @Atom_Developer and they do not work with Mit App Inventor cause they do not use the AndroidX libraries.
Also tested GifView extension that works in companion but not as apk

1 Like
24

This will load a gif animated image from Assets and from a link.

GIFSplash.aia (440.3 KB)
using a modified Taifun's WebViewer example.

27

If all goes well, the new ai2 release will support gif files. :+1:

1 Like
28

I actually found a new way to use .gif files in app inventor. We can convert a .gif into .mp4 format by using websites available over the internet. Then we can use the Video Player component like this:
blocks
You can also control the start and stop of the gif. This is the best way to use GIFs in App inventor without any extension. The video player will loop endlessly the video file like a gif until you command it to stop. It just takes 2 minutes to do this-Easy and Simple.

4 Likes