Swing/Zoom のバックアップの現在との差分(No.1)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:MouseWheelで画像のズームイン・アウト表示
#navi(../)
*MouseWheelで画像のズームイン・アウト表示 [#g39f1afa]
>編集者:[[Terai Atsuhiro>terai]]~
作成日:2006-10-16~
更新日:&lastmod;
---
category: swing
folder: Zoom
title: MouseWheelで画像のズームイン・アウト表示
tags: [MouseWheelListener, ImageIcon, JComponent]
author: aterai
pubdate: 2006-10-16T13:11:04+09:00
description: マウスホイールなどで画像をズームイン、ズームアウトします。
image: https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTW1yBNHvI/AAAAAAAAAp4/ba6eQ-Ul2sg/s800/Zoom.png
---
* 概要 [#summary]
マウスホイールなどで画像をズームイン、ズームアウトします。

#contents
#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTW1yBNHvI/AAAAAAAAAp4/ba6eQ-Ul2sg/s800/Zoom.png)

**概要 [#vb8f46d0]
マウスホイールなどで画像をズームイン、ズームアウトします。
* サンプルコード [#sourcecode]
#code(link){{
class ZoomImage extends JPanel {
  private transient MouseWheelListener handler;
  private final transient Image image;
  private final int iw;
  private final int ih;
  private double scale = 1d;
  protected ZoomImage(Image image) {
    super();
    this.image = image;
    iw = image.getWidth(this);
    ih = image.getHeight(this);
  }

#screenshot
  @Override public void updateUI() {
    removeMouseWheelListener(handler);
    super.updateUI();
    handler = e -> changeScale(e.getWheelRotation());
    addMouseWheelListener(handler);
  }

**サンプルコード [#n33b6ada]
#code{{
 class ZoomImage extends JComponent implements MouseWheelListener {
   private final ImageIcon icon;
   private final int iw;
   private final int ih;
   private double scale = 1.0d;
   public ZoomImage(final ImageIcon icon) {
     super();
     this.icon = icon;
     iw = icon.getIconWidth();
     ih = icon.getIconWidth();
     addMouseWheelListener(this);
   }
   public void paintComponent(Graphics g) {
     Graphics2D g2 = (Graphics2D) g;
     g2.scale(scale, scale);
     g2.drawImage(icon.getImage(), 0, 0, iw, ih, this);
   }
   public void mouseWheelMoved(MouseWheelEvent e) {
     changeScale(e.getWheelRotation());
   }
   public void initScale() {
     scale = 1.0d;
     repaint();
   }
   public void changeScale(int iv) {
     scale = Math.max(0.05d, Math.min(5.0d, scale-iv*0.05d));
     repaint();
   }
 }
  @Override protected void paintComponent(Graphics g) {
    super.paintComponent(g);
    Graphics2D g2 = (Graphics2D) g.create();
    g2.scale(scale, scale);
    g2.drawImage(image, 0, 0, iw, ih, this);
    g2.dispose();
  }

  public void initScale() {
    scale = 1d;
    repaint();
  }

  public void changeScale(int iv) {
    scale = Math.max(.05, Math.min(5d, scale - iv * .05));
    repaint();
  }
}
}}
-&jnlp;
-&jar;
-&zip;

**解説 [#h16d4c28]
上記のサンプルではホイールの上回転で拡大、下回転で縮小しています。
* 解説 [#explanation]
- 画像の拡大・縮小表示は`JPanel#paintComponent(...)`をオーバーライドして`Graphics2D#scale(...)`で設定
- 拡大・縮小率はマウスホイールの上方向回転を拡大、下方向回転を縮小として適用

//**参考リンク
**コメント [#g84ab533]
* 参考リンク [#reference]
- [[JPanelに表示した画像のズームとスクロール>Swing/ZoomingAndPanning]]

* コメント [#comment]
#comment
- `ih = icon.getIconWidth();`の部分は`getIconHeight();`ではありませんでしょうか？ -- &user(syo); &new{2007-05-18 (金) 13:11:04};
-- ご指摘ありがとうございます。スクリーンショットもよく見たら中の画像が正方形になってますね(^^;。修正しました。 -- &user(aterai); &new{2007-05-18 (金) 13:25:06};

#comment