So you know how you write a blog post just before you go on vacation, press publish and never check that it actually got published… Funny thing, that’s exactly what I did and the blog post mentioning that I was on “vacation” for a couple of weeks never got published. Anyway, other people have been busy while I was “away” but I got a couple of things done too including animated gif support.
Before we get to that Steve did a lot of work on Mac retina display support. This is a HUGE leap in usability if you use a retina Mac. It makes the iPhone 3gs skin tiny but you can now use the iPhone 5 skin without scaling… It looks great and uses the pixels on these Macs really well.
I also released a new cn1lib that implements animated GIF support in Codename One without the resource file hack. It’s still not something I would recommend as animated gifs can be pretty expensive in terms of resources but you can still use it to get a pretty decent animation.
One of the cool things is that this works as a plug in image and you should be able to use it in most places where image works. There are caveats though. E.g. you can’t use it as a native map marker as that image is passed to native. But other than such API’s it should work in labels and even in background image styles, although I would suggest avoiding the latter as it would be a memory/battery drain.
The library is in the extensions section and you can use it like this:
Form hi = new Form("Gif", new BorderLayout());
try {
hi.add(CENTER, new ScaleImageLabel(GifImage.decode(getResourceAsStream("/giphy-downsized.gif"), 1177720)));
} catch(IOException err) {
log(err);
}
hi.show();Notice the following:
-
GifImage.decodecan throw anIOException -
It accepts an
InputStreamand the length of the input stream so you need to know the size in advance -
It returns a
GifImagewhich is a subclass ofImage
8 Comments
Thanks a lot Shai.
So does this mean that the image will be animated continously??
It will loop based on the loop settings in the GIF itself. GIF’s contain a loop count. If it’s 0 it means looping forever.
Thank you 🙂
How are the various densities managed by animated GIFs? Is there any multi-image equivalent for GIF?
We don’t. GIF has no density support so it can only be scaled. Using an approach like multi-image with GIF would be prohibitive as the file size will balloon. GIF’s are huge enough as it is.
Mmm… is there any way to get the right animated GIF size using an external service such as Cloudinary? I’ve never used it, so I don’t know if it supports animated GIFs.
I don’t know. I’m not familiar with that.
Hello! I tried the sample code with an animated gif, but nothing appears with the simulator
Do you see any error in the console?
Have you tried with a different gif file?