Swing/Crossfade のバックアップ(No.3)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Swing/Crossfade へ行く。
  • 1 (2007-03-12 (月) 13:33:16)
  • 2 (2007-03-17 (土) 16:02:52)
  • 3 (2007-10-21 (日) 04:25:55)
  • 4 (2010-03-08 (月) 13:20:34)
  • 5 (2011-05-19 (木) 19:56:43)
  • 6 (2014-11-09 (日) 02:42:57)
  • 7 (2015-03-24 (火) 16:06:23)
  • 8 (2015-08-21 (金) 18:34:20)
  • 9 (2016-01-27 (水) 18:20:01)
  • 10 (2017-07-04 (火) 13:59:08)
  • 11 (2018-07-06 (金) 16:32:07)
  • 12 (2020-07-03 (金) 19:22:13)
  • 13 (2021-12-10 (金) 15:36:46)

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 direction = true;
   public Crossfade(ImageIcon icon1, ImageIcon icon2) {
     this.icon1 = icon1;
     this.icon2 = icon2;
     animator = new javax.swing.Timer(50, this);
   }
   public void animationStart() {
     direction = !direction;
     animator.start();
   }
   public void paintComponent(Graphics g) {
     Graphics2D g2d = (Graphics2D)g;
     g2d.setPaint(getBackground());
     g2d.fillRect(0, 0, getWidth(), getHeight());
     if(direction && alpha<10) {
       alpha = alpha + 1;
     }else if(!direction && alpha>0) {
       alpha = alpha - 1;
     }else{
       animator.stop();
     }
     g2d.setComposite(AlphaComposite.getInstance(
       AlphaComposite.SRC_OVER, 1.0f-alpha*0.1f));
     g2d.drawImage(icon1.getImage(), 0, 0,
       (int)icon1.getIconWidth(), (int)icon1.getIconHeight(), this);
     g2d.setComposite(AlphaComposite.getInstance(
       AlphaComposite.SRC_OVER, alpha*0.1f));
     g2d.drawImage(icon2.getImage(), 0, 0,
       (int)icon2.getIconWidth(), (int)icon2.getIconHeight(), this);
   }
   public void actionPerformed(ActionEvent e) {
     repaint();
   }
 }

• &jnlp;
• &jar;
• &zip;

解説

上記のサンプルでは、二枚の画像の描画に使用するAlphaCompositeをそれぞれ変化させながら上書きすることで、Crossfadeによる画像の切り替えを行っています。

上書きの規則には、AlphaComposite.SRC_OVERを使っています。

コメント