【问题标题】:JFrame drawing an animated gif image with an alpha channelJFrame 绘制带有 alpha 通道的动画 gif 图像
【发布时间】:2014-11-22 12:24:42
【问题描述】:

我正在尝试在 JFrame 上绘制动画 gif 图像。目前,我就是这样做的:

public class JImageComponent extends JComponent {

    private static final long serialVersionUID = -6926323540532721196L;

    private final Image image;

    public JImageComponent(Image image) {
        this.image = image;
    }

    public JImageComponent(byte[] data) {
        this(Toolkit.getDefaultToolkit().createImage(data));
    }

    @Override
    protected void paintComponent(Graphics graphics) {
        super.paintComponent(graphics);
        final int centerX = getWidth() / 2 - image.getWidth(this) / 2;
        final int centerY = getHeight() / 2 - image.getHeight(this) / 2;
        graphics.drawImage(image, centerX, centerY, this);
    }

}

这很好,但是(因为边缘有阴影)如果我设置了背景颜色,它会显示出令人讨厌的白色边缘。我想我知道是什么原因造成的,这是因为 Image 类没有使用 alpha 通道。我不知道如何使图像使用 32 位颜色模型,使用 8 个最高有效位作为 alpha 值。任何帮助表示赞赏!谢谢。

编辑:当我尝试使用 ImageIO 和 BufferedImage 时,它​​没有动画。显然这是因为它没有更新 ImageObserver

编辑:这是有背景时图像的样子:http://puu.sh/bQ5sZ.png 我不想要那个白边,它应该看起来像这样:http://puu.sh/bQ5Ya.png。就像我之前说的,我知道为什么会这样;我需要 Image 类来使用 RGBA 而不是 RBG。

【问题讨论】:

  • 请编辑您的问题以包含一个 complete example 来展示您描述的问题。在你的complete example中,通过URL访问图片,如图here
  • 我添加了更多关于我的意思的信息。我想我只需要让它使用 RGBA 而不是 RGB,但我认为这是不可能的......

标签: java image swing gif animated-gif


【解决方案1】:

我根本无法使用您的 cade 来绘制图像。按原样,您的类为组件的宽度和高度返回 1。

  1. 覆盖 getWidthgetHeight 以返回图像的大小。
  2. 不要打电话给super.paintComponent() - 在这种情况下它是多余的。
  3. drawImage 接收图像的最左侧、最顶部坐标,因此您可以简单地用 0、0 调用它。

这段代码为我绘制了 alpha 通道:

public class JImageComponent extends JComponent {

   private static final long serialVersionUID = -6926323540532721196L;

   private final Image image;

   public JImageComponent(Image image) {
       this.image = image;
   }

   public JImageComponent(byte[] data) {
       this(Toolkit.getDefaultToolkit().createImage(data));
   }

   @Override
   protected void paintComponent(Graphics graphics) {
       graphics.drawImage(image, 0, 0, null);
   }

   @Override
   public int getWidth() {
        return image.getWidth(null);
    }

    @Override
    public int getHeight() {
        return image.getHeight(null);
    }
}

编辑:

我之前的代码仍然为您的图像显示白色背景,所以我挖了一个小勺子并迭代每个像素:

public class JImageComponent extends JComponent {

    private static final long serialVersionUID = -6926323540532721196L;

    private final Image image;

    public JImageComponent(Image image) {
        this.image = image;
    }

    public JImageComponent(byte[] data) {
        this(Toolkit.getDefaultToolkit().createImage(data));
    }

    @Override
    protected void paintComponent(Graphics graphics) {
        Graphics2D g2 = (Graphics2D) graphics.create();
        int[] pixels = new int[image.getWidth(null)*image.getHeight(null)];
        PixelGrabber pg = 
                new PixelGrabber(image, 0, 0, image.getWidth(null), image.getHeight(null), pixels, 0, image.getWidth(null));
        try {
            pg.grabPixels();
        } catch (InterruptedException e) {
            System.err.println("interrupted waiting for pixels!");
            return;
        }
        if ((pg.getStatus() & ImageObserver.ABORT) != 0) {
            System.err.println("image fetch aborted or errored");
            return;
        }

        for (int i = 0 ; i < image.getWidth(null) ; i++) {
            for (int j = 0 ; j < image.getHeight(null) ; j++) {
                handlesinglepixel(i, j, pixels[j * image.getWidth(null) + i], g2);  
            }
        }
    }

    @Override
    public int getWidth() {
        return image.getWidth(null);
    }

    @Override
    public int getHeight() {
        return image.getHeight(null);
    }

    public void handlesinglepixel(int x, int y, int pixel, Graphics2D g2d) {
        int alpha = (pixel >> 24) & 0xff;
        int red   = (pixel >> 16) & 0xff;
        int green = (pixel >>  8) & 0xff;
        int blue  = (pixel      ) & 0xff;

        Color color = new Color(red,green,blue);
        g2d.setColor(color);
        System.out.println("Alpha value is " + (float)(alpha/255));
        g2d.setComposite(AlphaComposite.SrcAtop.derive((float)(alpha/255)));
        g2d.drawRect(x, y, 1, 1);
    }
}

这会为每个像素打印一个1.0 alpha 值,所以我猜你的图像有问题...

【讨论】:

  • 它的绘图对我来说很好。我使用 HTTP GET 方法从我的服务器获取图像,然后只是缓冲来自 InputStream 的数据并将字节数组传递给 JImageComponent 构造函数。你能给我看一张它为你工作的图片吗?
  • 哦,哇,我真的很笨。我在白色背景上查看图像,所以颜色混合得很好。您是正确的,每个像素的 alpha 值都是 1...我应该在发布之前自己完成此操作。我道歉。
猜你喜欢
  • 2016-04-30
  • 1970-01-01
  • 2018-02-11
  • 2016-07-26
  • 1970-01-01
  • 2019-08-11
  • 1970-01-01
  • 2011-02-06
  • 2017-08-05
相关资源
最近更新 更多