TITLE:Crossfadeで画像の切り替え

Crossfadeで画像の切り替え

編集者:Terai Atsuhiro
作成日:2007-03-12
更新日:2021-12-10 (金) 15:36:46

概要

Crossfadeアニメーションで画像の切り替えを行います。

#screenshot

サンプルコード

class Crossfade extends JComponent implements ActionListener {
  private final javax.swing.Timer animator;
  private final ImageIcon icon1;
  private final ImageIcon icon2;
  private int alpha = 10;
  private boolean mode = true;
  public Crossfade(ImageIcon icon1, ImageIcon icon2) {
    this.icon1 = icon1;
    this.icon2 = icon2;
    animator = new javax.swing.Timer(50, this);
  }
  public void animationStart() {
    mode = !mode;
    animator.start();
  }
  public void paintComponent(Graphics g) {
    Graphics2D g2d = (Graphics2D)g;
    g2d.setColor(getBackground());
    g2d.fillRect(0, 0, getWidth(), getHeight());
    g2d.drawImage(icon1.getImage(), 0, 0,
      (int)icon1.getIconWidth(), (int)icon1.getIconHeight(), this);
    g2d.setComposite(makeAlphaComposite());
    g2d.drawImage(icon2.getImage(), 0, 0,
      (int)icon2.getIconWidth(), (int)icon2.getIconHeight(), this);
  }
  private AlphaComposite makeAlphaComposite() {
    if(mode && alpha<10) {
      alpha = alpha + 1;
    }else if(!mode && alpha>0) {
      alpha = alpha - 1;
    }else{
      animator.stop();
    }
    return AlphaComposite.getInstance(AlphaComposite.SRC_OVER, alpha*0.1f);
  }
  public void actionPerformed(ActionEvent e) {
    repaint();
  }
}
  • &jnlp;
  • &jar;
  • &zip;

解説

上記のサンプルでは、二枚目の画像の描画に使用するAlphaCompositeを変化させて上書きすることで、画像が切り替わるようにしています。また、この上書きの規則には、AlphaComposite.SRC_OVERを使っています。

コメント