Why gif animation doesn't animate when using it in paintComponent()?

Question

I'm using paintComponent() to paint a gif animated image at the backgound of JPanel. It shows up the gif but doesn't animate. I use java 1.5 and i know that i can use label with icon.

Does any body know why and how to fix it?

    private static class CirclePanel extends JPanel {

    ImageIcon imageIcon = new ImageIcon(BarcodeModel.class.getResource("verify.gif"));
    Point point = f.getLocation();
    protected void paintComponent(Graphics g) {
        Graphics gc = g.create();
        Graphics2D g2d = (Graphics2D) g.create();
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
        g2d.setColor(Color.BLUE);
        g2d.drawImage(imageIcon.getImage(), getWidth() / 2, getHeight() / 2, null);
        g2d.drawRect(0, 0, getWidth(), getHeight());
        g2d.setStroke(new BasicStroke(10f,BasicStroke.CAP_ROUND,BasicStroke.JOIN_MITER));
        g2d.setFont(g.getFont().deriveFont(Font.BOLD | Font.ITALIC,15f));
        g2d.drawString("Wait Please ...",getWidth()/2-imageIcon.getIconHeight()/3,getHeight()/2+imageIcon.getIconHeight()+15);

        g2d.dispose();

}

This is the gif image.
enter image description here

Edited: just add image observer to the g2d.drawImage() method.

 g2d.drawImage(imageIcon.getImage(), getWidth() / 2, getHeight() / 2, this);

possible duplicate of [Show an animated BG in Swing](http://stackoverflow.com/questions/10836832/show-an-animated-bg-in-swing) — Andrew Thompson, Jul 25 '12 at 12:11

Martijn Courteaux · Accepted Answer · 2012-07-27T08:46:41.507

9

The reason is that the standard Java ImageIO API only loads the first image of the gif. How to fix? Google for a Gif Loader for Java, which loads every image of the gif. Then you have to paint the right image at the right time. An alternative way would be to have different png files representing each time one frame of the animation.

Update: Well... Actually, after doing some research, it looks like the way you did it actually loads all the frames of the animated gif. The reason for it is that the ImageIcon's method getImage() always returns the first image.

To fix it, you can try this (I'm not sure if it will work...)

Instead of using Grahpics.drawImage(), use ImageIcon.paintIcon(). Like this:

imageIcon.paintIcon(this, g2d, getWidth() / 2 - imageIcon.getIconWidth() / 2, getHeight() / 2);

edited Jul 27 '12 at 08:46

answered Jul 25 '12 at 11:34

Martijn Courteaux

63,780
43
187
279

Cool and LUL, the same time we find the answer but i will accept your answer. – itro Jul 25 '12 at 12:12
Just small correction: the last 'this' doesn't needed to be there. – itro Jul 25 '12 at 12:17
1

Mr Martijn Courteaux, i did add my answer here below and i will update the original code too – itro Jul 25 '12 at 12:18

score 4 · Answer 2 · answered Jul 25 '12 at 12:10

4

Image observer will take care of it. You should just pas the observer to the g2d.drawImage(); as below.

g2d.drawImage(imageIcon.getImage(), getWidth() / 2, getHeight() / 2, this);

In my case 'this' refer to CirclePanel which extends JPanel, it can be any thing for example if you are using gif as a icon for a button, you should use button as image observer.

answered Jul 25 '12 at 12:10

itro

6,260
23
69
98

That was what I thought, that the ImageObserver would fix it. Did you test my suggestion as well? Because that uses the ImageObserver as well. – Martijn Courteaux Jul 25 '12 at 12:22

Why gif animation doesn't animate when using it in paintComponent()?

2 Answers2

Linked