---
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 [#summary]
フェードイン、フェードアウトアニメーションで、画像の切り替えを行います。
#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTMX06FjXI/AAAAAAAAAZE/mmNOvJ5E6Hk/s800/Fade.png)
* Source Code Examples [#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);
}
}
}}
* Description [#explanation]
* Description [#description]
`javax.swing.Timer`を使って表示される画像のアルファ値を変更してフェードイン、フェードアウトアニメーションを実行しています。
* Reference [#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
#comment