java - 小さな JFrame/アプレット上の大きな画像

Question

JFrame とアプレットに表示したいかなり大きな画像があります。JFrame/アプレットのサイズは 765x503 ですが、画像はかなり大きくなります。画像を実際のサイズで表示する方法が必要です。画面を移動して画像の一部を表示し、画像を移動できるようにするにはどうすればよいですか?

スクロールバーを使用せずに、画面をドラッグできるようにしたい。

Answer 1

JScrollPane が必要な場合があります。垂直スクロールと水平スクロールの両方を追加します

Answer 2

基本的な考え方は、描画する画像に適用する必要がある何らかのオフセットを提供する必要があるということです。

ユーザーが画像上のポイントでマウス ボタンを押すと、クリック ポイントが記録されます。マウスをドラッグすると、差がデルタ化されます。これにより、オフセットを移動する量がわかります。元の位置に基づいて、この差を に追加し、新しいオフセットを生成するだけです。

他にも方法はありますが、基本的にはこの方法です。

ドラッグによって画像が表示可能領域の範囲外になるかどうかを確認するコードも追加しました。使用するかどうかを決定する必要があります...

import java.awt.Cursor;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class BigImage {

    public static void main(String[] args) {
        new BigImage();
    }

    public BigImage() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private BufferedImage bg;
        private Point offset = new Point(0, 0);

        public TestPane() {
            try {
                bg = ImageIO.read(new File("/path/to/image"));
            } catch (IOException ex) {
                ex.printStackTrace();
            }

            MouseAdapter ma = new MouseAdapter() {
                private Point clickPoint;
                private Point origin;

                @Override
                public void mousePressed(MouseEvent e) {
                    setCursor(Cursor.getPredefinedCursor(Cursor.MOVE_CURSOR));
                    clickPoint = e.getPoint();
                    origin = new Point(offset);
                }

                @Override
                public void mouseReleased(MouseEvent e) {
                    setCursor(Cursor.getDefaultCursor());
                    clickPoint = null;
                }

                @Override
                public void mouseDragged(MouseEvent e) {
                    int x = e.getPoint().x - clickPoint.x;
                    int y = e.getPoint().y - clickPoint.y;
                    offset.x = origin.x + x;
                    offset.y = origin.y + y;

                    if (offset.x > 0) {
                        offset.x = 0;
                    }
                    if (offset.x + bg.getWidth() < getWidth()) {
                        offset.x = -bg.getWidth() + getWidth();
                    }

                    if (offset.y > 0) {
                        offset.y = 0;
                    }
                    if (offset.y + bg.getHeight() < getHeight()) {
                        offset.y = -bg.getHeight() + getHeight();
                    }
                    repaint();
                }
            };

            addMouseListener(ma);
            addMouseMotionListener(ma);
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(800, 600);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            if (bg != null) {
                Graphics2D g2d = (Graphics2D) g.create();
                g2d.drawImage(bg, offset.x, offset.y, this);
                g2d.dispose();
            }
        }
    }
}