Zoom with wheel and cut picture

[Sylvain Prodo]

Hi!
The following code should permitt to move a big picture (eg: 20 000 x 20 000 and 10 MO ) by drag and drop or with arrows of the keyboard, to zoom in and zoom out whith wheel of the mouse. there are some problems:
_arrows zoom ! 8-| instead of move the picture (what I have made wrong?)
_when dragging and droping we can see that picture is cut: we can't see the whole image, but only the part of the picture initially present on the main Frame, others parts are white
_the zoom with the mouse enlarge the high left corner of the picture... :-(
_I've try to place some panels, but they don't appear on the Frame: there is only the picture...
If somebody can help me...
thanks

import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.Rectangle;
import java.awt.RenderingHints;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.awt.event.MouseWheelEvent;
import java.awt.image.BufferedImage;
import java.io.File;

import javax.imageio.ImageIO;
import javax.swing.GroupLayout;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JSlider;
import javax.swing.border.Border;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class MainFrameInternet extends JFrame {

    // public class Mainpanel extends JFrame {

    // Variables d'instance
    protected BufferedImage image;
    static protected MapPane EeVeillePane;
    protected JSlider curseur = new JSlider(JSlider.VERTICAL, 1, 3, 1);

    protected JPanel SimConfigurationPane;
    protected JPanel SimPanonnierPane;
    protected JPanel SimNextPane;
    protected JPanel SimPostePane;
    protected JPanel EeHbPane;
    protected JPanel EeGdPane;
    protected JPanel EeArmPane;
    protected JPanel EePanoPane;

    protected JLabel SimNextLabel;
    

    // constructor by default
    public MainFrameInternet() throws Exception {
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setBounds(0, 0, 1280, 1024);

        // read pic
        image = ImageIO.read(new File("Images/Image.jpg"));
        // Add inside
        EeVeillePane = new MapPane(image);
        // mapPane.setBorder(new TitledBorder("Map"));
        curseur.setMajorTickSpacing(1);
        curseur.setMinorTickSpacing(1);
        curseur.setPaintLabels(true);
        curseur.setPaintTicks(true);
        curseur.setSnapToTicks(true);

        GridBagLayout layoutOfMainFrame = new GridBagLayout();
        GridBagConstraints constraintsOfMainFrame = new GridBagConstraints();
        getContentPane().setLayout(layoutOfMainFrame);

        constraintsOfMainFrame.gridx = 0;
        constraintsOfMainFrame.gridy = 1;
        constraintsOfMainFrame.gridheight = 0;
        constraintsOfMainFrame.gridwidth = 0;
        constraintsOfMainFrame.weightx = 0;
        constraintsOfMainFrame.weighty = 0;
        constraintsOfMainFrame.anchor = GridBagConstraints.CENTER;
        constraintsOfMainFrame.insets = new Insets(0,0,0,0);
        constraintsOfMainFrame.fill = GridBagConstraints.BOTH;
        constraintsOfMainFrame.ipadx = 0;
        constraintsOfMainFrame.ipady = 0;
        getContentPane().add(EeVeillePane, constraintsOfMainFrame);

        constraintsOfMainFrame.gridx = 1;
        constraintsOfMainFrame.gridy = 1;
        constraintsOfMainFrame.gridheight = 0;
        constraintsOfMainFrame.gridwidth = 0;
        constraintsOfMainFrame.weightx = 0;
        constraintsOfMainFrame.weighty = 0;
        constraintsOfMainFrame.anchor = GridBagConstraints.CENTER;
        constraintsOfMainFrame.insets = new Insets(0,0,0,0);
        constraintsOfMainFrame.fill = GridBagConstraints.BOTH;
        constraintsOfMainFrame.ipadx = 0;
        constraintsOfMainFrame.ipady = 0;
        getContentPane().add(curseur, constraintsOfMainFrame);

        constraintsOfMainFrame.gridx = 1;
        constraintsOfMainFrame.gridy = 0;
        constraintsOfMainFrame.gridheight = 0;
        constraintsOfMainFrame.gridwidth = 0;
        constraintsOfMainFrame.weightx = 0;
        constraintsOfMainFrame.weighty = 0;
        constraintsOfMainFrame.anchor = GridBagConstraints.CENTER;
        constraintsOfMainFrame.insets = new Insets(0,0,0,0);
        constraintsOfMainFrame.fill = GridBagConstraints.BOTH;
        constraintsOfMainFrame.ipadx = 0;
        constraintsOfMainFrame.ipady = 0;
        SimNextPane = new JPanel();
        SimNextLabel = new JLabel("Images/MonLogo.jpg");
        SimNextPane.add(SimNextLabel);  
        getContentPane().add(SimNextPane, constraintsOfMainFrame);

        //cursor event
        curseur.addChangeListener(new ChangeListener() {

            public void stateChanged(ChangeEvent e) {
                JSlider curseur = (JSlider) e.getSource();
                int scale = curseur.getValue();
                EeVeillePane.setScale(scale);
                repaint();
                MainFrameInternet.this.validate();
            }
        });

    }

    /*
     * fonction main qui se contente de créer une new map public static void
     * main(String[] args) {
     *
     * }
     */

    // classe mappane pour opérations sur panel contenant la carte
    private static class MapPane extends JPanel {

        private BufferedImage image;
        private int scale = 1;
        private Rectangle imageBounds;
        private int xClick = 0;
        private int yClick = 0;
        public int calculWheel = 1;


        // accesseur image de rectangle
        Rectangle getImageBounds() {
            return imageBounds;
        }

        // constructeur avec BufferedImage
        public MapPane(BufferedImage image) {
            super();
            setImage(image);
            imageBounds = new Rectangle();

            addMouseMotionListener(new MouseMotionAdapter() {

                public void mouseDragged(MouseEvent e) {
                    if (getImageBounds().contains(e.getX(), e.getY())) {
                        MapPane cadre = (MapPane) e.getSource();
                        cadre.setLocation(cadre.getX() + e.getX() - xClick, cadre.getY() + e.getY() - yClick);
                        repaint();
                    }
                }
            });

            addMouseListener(new MouseAdapter() {

                @Override
                public void mousePressed(MouseEvent e) {
                    xClick = e.getX();
                    yClick = e.getY();
                }
            });

            addMouseWheelListener(new MouseAdapter() {

                public void mouseWheelMoved(MouseWheelEvent e) {
                    int wheelRotation = e.getWheelRotation();
                    if (wheelRotation > 0) {
                        calculWheel = calculWheel - (wheelRotation/3);
                        if (calculWheel <=0)
                            calculWheel = 1;
                        EeVeillePane.setScale(calculWheel);
                    }
                    else if (wheelRotation < 0) {
                        calculWheel = calculWheel - (wheelRotation/3);
                        if (calculWheel >= 5)
                            calculWheel = 5;
                        EeVeillePane.setScale(calculWheel);
                    }
                    repaint();
                    //EeVeillePane.validate();
                }
            });

            addKeyListener(new KeyAdapter() {

                public void keyTyped(KeyEvent evt) {
                    int key = evt.getKeyCode();
                    int dx = 10;
                    int dy = 5;
                    int x = 0;
                    int y = 0;
                    switch (key) {
                        case KeyEvent.VK_UP:
                            yClick -= dy;
                            break;
                        case KeyEvent.VK_DOWN:
                            yClick += dy;
                            break;
                        case KeyEvent.VK_RIGHT:
                            xClick += dx;
                            break;
                        case KeyEvent.VK_LEFT:
                            xClick -= dx;
                        default:
                            break;
                    }
                    MapPane cadre = (MapPane) evt.getSource();
                    cadre.setLocation(cadre.getX() - xClick, cadre.getY() - yClick);
                    repaint();
                }
            });

        }

        // Recalculer correctement la taille du panel.
        private void recalculateAndResetSize() {
            int width = 0;
            int height = 0;
            // Tenir compte de la bordure optionnelle du panel.
            Insets insets = getInsets();
            width += insets.left + insets.right;
            height += insets.top + insets.bottom;
            // Tenir compte de la taille de l'image.
            if (image != null) {
                width += image.getWidth() * scale;
                height += image.getHeight() * scale;
            }
            Dimension size = new Dimension(width, height);
            setSize(size);
            setMinimumSize(size);
            setPreferredSize(size);
        }

        // initialise image
        public void setImage(BufferedImage image) {
            this.image = image;
            recalculateAndResetSize();
            repaint();
        }

        // accesseur image
        public BufferedImage getImage() {
            return image;
        }

        // définit la valeur de l'echelle pour le zoom
        public void setScale(int value) {
            this.scale = value;
            recalculateAndResetSize();
            repaint();
        }

        // accésseur échelle
        public int getScale() {
            return scale;
        }

        // recalcul des border
        @Override
        public void setBorder(Border border) {
            super.setBorder(border);
            recalculateAndResetSize();
        }

        // affichage image avec option de rendering pour que malgré le zoom,
        // l'image paraisse au mieux
        public void paintComponent(Graphics graphics) {
            super.paintComponent(graphics);
            Graphics2D g2d = (Graphics2D) graphics;
            if (image != null) {
                Insets insets = getInsets();
                Dimension size = getSize();
                int panelWidth = size.width - (insets.left + insets.right);
                int panelHeight = size.height - (insets.top + insets.bottom);

                int scaledImageWidth = image.getWidth() * scale;
                int scaledImageHeight = image.getHeight() * scale;

                imageBounds.width = image.getWidth() * scale;
                imageBounds.height = image.getHeight() * scale;
                imageBounds.x = (panelWidth - scaledImageWidth) / 2;
                imageBounds.y = (panelHeight - scaledImageHeight) / 2;
                g2d.translate(insets.left, insets.top);
                g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
                g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_OFF);
                g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_NEAREST_NEIGHBOR);
                g2d.drawImage(image, imageBounds.x, imageBounds.y, imageBounds.width, imageBounds.height, null);

                // Retour a l'origine du repere.
                g2d.translate(-insets.left, -insets.top);
            }
        }
    }

    // <editor-fold defaultstate="collapsed" desc="Generated Code">
    private void initComponents() {

        setName("Form"); // NOI18N

        GroupLayout layout = new GroupLayout(this);
        this.setLayout(layout);
        layout.setHorizontalGroup(layout.createParallelGroup(GroupLayout.Alignment.LEADING).addGap(0, 400, Short.MAX_VALUE));
        layout.setVerticalGroup(layout.createParallelGroup(GroupLayout.Alignment.LEADING).addGap(0, 300, Short.MAX_VALUE));
    }// </editor-fold>

    public static void main(String[] args) throws Exception {
        (new MainFrameInternet()).setVisible(true);
    }
}

[Bartek Myszkowski]

OK, I understand that You don't want scrolbars but I still think that JScrollPane is the best solution for this. You can hide scrollbars with

yourScrollPane.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER)
yourScrollPane.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_NEVER)

and there won't be any scrollbar. After this You should make some kind of connection between Your drag&drop function and viewport of scrollpane.. and again I post this link