[Bug] Animated GIF files do not play on iOS/macOS

[mattleibow]

Description

The iOS platform does not yet have the logic to load animated images correctly. Right now it only gets the first frame.

Steps to Reproduce

1. Add an image element
2. Set the source to an animated gif
3. Observe the image load, but not play

Expected Behavior

Animation plays.

Actual Behavior

Only the first frame shows.

Workaround

#866 (comment)

[shimingsg]

verified with VS 17.2.0 Preview 2.0 [32224.339.main] in Android 12, windows and IOS 15.2:
the image only gets the first frame.
repro demo: 866.zip

[angelru]

This is still unresolved in RC3?

[mattleibow]

Let me have a look at this... It should be working on android at least because we don't do anything and hand it off to glide.

[angelru]

In windows I have noticed that it does not work either

[mattleibow]

Looking at this now. I got ideas as to where....

The first issue is that we convert gif to png :)

Try adding this:

<MauiImage Update="Resources\Images\*.gif" Resize="False" />

or whatever the path to the gif is. Basically set Resize=false to get it to work. I am seeing windows play gif here when I do that.

[angelru]

Looking at this now. I got ideas as to where....

The first issue is that we convert gif to png :)

Try adding this:

<MauiImage Update="Resources\Images\*.gif" Resize="False" />

or whatever the path to the gif is. Basically set Resize=false to get it to work. I am seeing windows play gif here when I do that.

Now if it works, thanks, is it the correct way to do it or do we have to wait for another RC/GA to solve this problem?

[mattleibow]

This is the correct way, but I will also make this the default so you don't have to do it. There are a few properties on MauiImage that can control how it is resized and if at all.

[angelru]

This is the correct way, but I will also make this the default so you don't have to do it. There are a few properties on MauiImage that can control how it is resized and if at all.

on macOS desktop it doesn't work either

[MuneeshKumarG]

I have checked gif image in .Net Maui RC3. With below work around, gif working fine with WinUI.

But still issue reproducing in Android.

[ledwardsfoodzee]

Has this been fixed yet for IOS ? running this on .NET 8 and still can't render GIF's

[akycdi]

@ledwardsfoodzee Nope still haven't fixed it on IOS but works well with Android

[billreiss]

I've had some luck using WebView to display GIFs on iOS and Android, I am working on a sample, if anyone needs something sooner let me know.

Basically I build the HTML content on the fly based on the filename of the GIF file. In order to get it to work I needed to set the build action for the gif files to MauiAsset instead of MauiImage, if you do this, then you can load them in the WebView just by specifying the filename.

[ledwards26]

I’d love a sample if you have one?

[naaeef]

Hi @ledwards26
What worked for me was writting a custom image handler with the code from the following PR #17207

[billreiss]

Here is my sample of using the WebView on iOS to load the GIF file. https://github.com/billreiss/MauiGifWebView

[markmccaigue]

Hi @mattleibow this is a feature we'd love to see. Just curious what the latest thoughts are within the team regarding the two PRs?