• 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

概要

フェードイン、フェードアウトアニメーションで、画像の切り替えを行います。

サンプルコード

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);
  }
}
View in GitHub: Java, Kotlin

解説

javax.swing.Timerを使って表示される画像のアルファ値を変更し、フェードイン、フェードアウトさせています。

参考リンク

コメント