Publié le 06/05/2014
Auteur axel
Réseaux sociaux
0 partages
0 tweets
0 plus
2 commentaires

Deplacer une image a l'execution

Comment déplacer une image avec la souris dans une interface JAVA ? La technique dans l'exemple ci-dessous s'apparente à du Drag and Drop, par contre à y regarder de plus près aucun composant n'est réellement déplacé.

Ajouter une Image à un JPanel

Le composant DraggableImage est un JPanel dans lequel une image est affichée. L'image est chargée dans le constructor puis dessiner à chaque reprise dans l'évènement paintComponent().

Simuler le déplacement de l'image

Lorsque le bouton de la souris est pressé sur l'image, la class MouseAdapterImage détecte le début d'un déplacement et enregistre les coordonnées sur cursor. Au déplacement du curseur, l'événement mouseDragged calcule la nouvelle position à donner à l'image.
Puis il est demandé au JPanel de rafraichir son aspect dans lequel l'image est dessinée à la nouvelle position.
Copier l'exemple ci-dessous dans votre editeur JAVA préféré, attention veuillez mettre à jour le lien vers l'image.
/**
 * Déplacer une image à l'execution
 * @author Axel 05/2014
 * @see http://www.fobec.com/java/1143/deplacer-une-image-execution.html
 */
import java.awt.Cursor;
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 java.util.logging.Level;
import java.util.logging.Logger;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
public class DraggableImage extends JPanel {
    //Variable globale
    private BufferedImage img;
    private Point curPos;
 
    /**
     * Constructor
     */
    public DraggableImage() {
        //Initialisation de la position actuelle
        this.curPos = new Point(0, 0);        
 
        // Charger l'image dans le JPanel
        // !!! Mettre une image existant sur votre poste de travail
        try {
            img = ImageIO.read(new File("c://tux.png"));
        } catch (IOException ex) {
            Logger.getLogger(DraggableImage.class.getName()).log(Level.SEVERE, null, ex);            
        }
 
        //Lier l'écouteur de la souris
        MouseAdapterImage mouseAdapterImage = new MouseAdapterImage();
        addMouseListener(mouseAdapterImage);
        addMouseMotionListener(mouseAdapterImage);
    }
 
    /**
     * Dessiner l'image
     * @param g 
     */
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        if (img != null) {
            Graphics2D g2d = (Graphics2D) g.create();
            if (curPos == null) {
                curPos = new Point(0, 0);
            }
            g2d.drawImage(img, curPos.x, curPos.y, this);
            g2d.dispose();
        }
    }
 
    /**
     * Class hérité de MouseAdapter
     */
    class MouseAdapterImage extends MouseAdapter {
 
        private Point newPos;
 
        /**
         * Le bouton gauche est pressé
         * @param e 
         */
        @Override
        public void mousePressed(MouseEvent e) {
            newPos = e.getPoint();
            newPos.x -= curPos.x;
            newPos.y -= curPos.y;
            setCursor(Cursor.getPredefinedCursor(Cursor.MOVE_CURSOR));
        }
 
        /**
         * Le bouton gauche est relaché
         * @param e 
         */
        @Override
        public void mouseReleased(MouseEvent e) {
            newPos = null;
            setCursor(Cursor.getPredefinedCursor(Cursor.DEFAULT_CURSOR));
        }
 
        /**
         * Le curseur de la souris est déplacé
         * @param e 
         */
        @Override
        public void mouseDragged(MouseEvent e) {
            Point p = e.getPoint();
            int x = p.x - newPos.x;
            int y = p.y - newPos.y;
            curPos = new Point(x, y);
            repaint();
        }
    };
 
    /**
     * Exemple d'utilisation dans un JFrame
     * @param args 
     */
    public static void main(String[] args) {
        JFrame jFrame = new JFrame("Deplacer une image");
        DraggableImage resi = new DraggableImage();
        jFrame.add(resi);
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jFrame.setSize(300, 300);
        jFrame.setLocationRelativeTo(null);
        jFrame.setVisible(true);
    }
}

La technique du déplacement d'une image sur un JPanel est simple à mettre en place. Par exemple, elle pourrait etre utilisée dans un jeu de carte dans lequel les images sont déplacées sur une pile à partir du tapis.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.
avatar Alpcom

Publié par Alpcom

le 26/09/2014 à 19:54:45

Salut , juste signaler une petite faute de frappe dans mouseDragged
ce n'est pas int y = p.y - newPos.x;
int y = p.y - newPos.y; !! des comportements curieux apparaissaient sinon merci beaucoup de partager ce bout de code que je chercher depuis un certain temps

avatar Axel

Publié par Axel

le 27/09/2014 à 09:25:50

la position sur mouseDragged a ete corrigee dans l'article.
Merci Alpcom !

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
java - sources
Mise a jour
06/05/2014
Visualisation
vu 5296 fois
Public
Internaute
Auteur de la publication
Axel
Membre junior
Auteur de 51 articles
|BIO_PSEUDO|
Commentaires récents

Publié par Romaingineer dans tuto

Question un peu similaire celle de nicolasterraes.

Je ne trouve pas de ligne dans wpcontentthemes, j'en trouve 2 ou trois dans WP includes mais qui utilsent la fonction echo...

Du coup...

Publié par Amal dans tuto

pour moi j'ai créé une liste déroulante en liaisant avec la base de donnée déja existant mais la valeur sélectionné ne peut pas etre afficher jamais et...

Publié par medfayz dans java

hi everybody thanks for the code , and please can any one help me to fix that exception.
javax.media.NoPlayerException: Cannot find a Player for :vfw:0

thanks

Publié par chuchunain dans tuto

Petite correction dans votre code. Le premier graphe genere avec 15 valeurs aleatoires devrait faire appel au graphe "myGraph" et non "graph" sinon l'objet canvas ne recoit rien. m...

Publié par Ludwig dans tuto

Bonjour,
Il me semble que les plugins de gestion d'images sont payants pour TinyMCE et CKeditor, est-ce toujours le cas ?
Il manque amha l'excellent Xinha dans cette liste, qui lui est Open Sour...