---
category: swing
folder: Fade
title: Fadeアニメーションで画像を表示
tags: [Animation, Image, Timer, AlphaComposite]
author: aterai
pubdate: 2004-10-25T03:45:26+09:00
description: フェードイン、フェードアウトアニメーションで、画像の切り替えを行います。
image: https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTMX06FjXI/AAAAAAAAAZE/mmNOvJ5E6Hk/s800/Fade.png
---
* 概要 [#summary]
フェードイン、フェードアウトアニメーションで、画像の切り替えを行います。

#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTMX06FjXI/AAAAAAAAAZE/mmNOvJ5E6Hk/s800/Fade.png)

* サンプルコード [#sourcecode]
#code(link){{
class FadeImage extends JComponent implements ActionListener {
  private int alpha = 10;

  public FadeImage() {
    super();
    setBackground(Color.BLACK);
  }

  @Override protected void paintComponent(Graphics g) {
    Graphics2D g2 = (Graphics2D) g.create();
    g2.setPaint(getBackground());
    g2.fillRect(0, 0, getWidth(), getHeight());
    if (mode && alpha < 10) {
      alpha = alpha + 1;
    } else if (!mode && alpha > 0) {
      alpha = alpha - 1;
    } else {
      animator.stop();
    }
    g2.setComposite(makeAlphaComposite(alpha * .1f));
    g2.drawImage(icon, null, 0, 0);
    g2.dispose();
  }

  @Override public void actionPerformed(ActionEvent e) {
    repaint();
  }

  private AlphaComposite makeAlphaComposite(float alpha) {
    return AlphaComposite.getInstance(AlphaComposite.SRC_OVER, alpha);
  }
}
}}

* 解説 [#explanation]
`javax.swing.Timer`を使って表示される画像のアルファ値を変更し、フェードイン、フェードアウトさせています。
`javax.swing.Timer`を使って表示される画像のアルファ値を変更してフェードイン、フェードアウトアニメーションを実行しています。

* 参考リンク [#reference]
- [https://docs.oracle.com/javase/jp/8/docs/api/java/awt/Graphics2D.html#setComposite-java.awt.Composite- Graphics2D#setComposite(Composite) (Java Platform SE 8)]
- [[Wipeアニメーションで画像を表示>Swing/Wipe]]

* コメント [#comment]
#comment
#comment