afficher image sur une case survolée

Version imprimable

Bonjour à tous,
je fais un petit jeu de dame et je voudrais afficher une image sur une case quand je la survole. Voici ce que j'ai fais :

Dans le constructeur de ma classe qui gère l'affichage du damier :
Code:

1 2 3 4 5 6 7 8 9 // pour afficher la case survolée addMouseListener(new MouseAdapter(){ @Override public void mouseEntered(MouseEvent evenement) { // TODO: Gérer l'affichage de la case survolée survol(evenement.getPoint()); } });
Ensuite, la méthode survol(Point p) :
Code:

1 2 3 4 5 6 7 8 // Gère le survol des cases private void survol(Point p) { final int l = (Damier.TAILLE_PLATEAU - 1 - p.y / tailleCases); final int c = p.x / tailleCases; // On dessine la position dessineSurvol(getGraphics(), l, c); }
Et la méthode qui dessine l'image sur la case :
Code:

1 2 3 4 5 6 7 8 9 // Dessine l'image de la case survolée private void dessineSurvol(Graphics g, int l, int c) { // calcule la position de son coin en haut à gauche int cPos = c * tailleCases; int lPos = (Damier.TAILLE_PLATEAU - 1 - l) * tailleCases; // dessine la case survolée g.drawImage(caseSurvolee, cPos, lPos, this); }
Mon problème n'est surement pas compliqué.
En fait, quand je passe sur mon damier avec ma souris la première case survolée affiche bien l'image, et ensuite, il faut que je ressorte du JPanel (ma classe Damier étend JPanel) pour qu'il réaffiche l'image sur une autre case survolée, et ceci sans effacer la dernière. :(
J'aimerais que lorsque je suis sur mon JPanel avec ma souris, à chaque fois que je survole une case, il m'affiche l'image, et tout ceci en supprimant l'image affichée sur la dernière case.

Merci pour votre aide !

P.S : Ce serait bien aussi qu'aucune image ne s'affiche quand je sort de mon JPanel avec ma souris.

21/07/2008, 23h00
cysboy

Salut,
En redessinant ta case lors de l'événement mouseExited(MouseEvent e)...
çà ne pourrais pas le faire ?

C'est une bonne idée mais je n'arrive pas à le faire :(
Et celà ne suffira pas pour tout faire je pense.

Code:

1
2
3
4
5
6
7
 
addMouseListener(new MouseAdapter(){
            @Override
            public void mouseExited(MouseEvent evenement) {
               // Je met quoi ici ??
            }
        });

22/07/2008, 08h45
Grumphette

Le glass pane ne pourrais pas répondre à ta question? voir:http://java.sun.com/docs/books/tutor...html#glasspane
22/07/2008, 09h04
dinobogan

Il faut utiliser MouseMotionListener qui envoie un événement à chaque nouvelles coordonnées du pointeur.
22/07/2008, 09h17
womannosky

Ah oui, mouseMotionListener, je viens de me rendre compte que je l'avais confondu avec mouseDragged. C'est pourquoi je ne l'ai pas utilisé.
Mais du coup, est ce que je garde le mouseEntered ou non ?
22/07/2008, 09h20
dinobogan

Citation:

Envoyé par womannosky

Ah oui, mouseMotionListener, je viens de me rendre compte que je l'avais confondu avec mouseDragged. C'est pourquoi je ne l'ai pas utilisé.
Mais du coup, est ce que je garde le mouseEntered ou non ?

Bien sûr ! Mais pas avec le même corps. Tu dois savoir quand le pointeur entre et sort de ton panel. Tu peux utiliser un booléen par exemple pour savoir si tu es à l'intérieur du panel. Dans les méthodes du MouseMotion, tu vérifies que le booléen est à true pour effectuer tes affichages.
22/07/2008, 10h21
womannosky

Merci dinobogan, je regarde ça.

Merci encore!

Alors, maintenant, mon image s'affiche bien sur ma case quand je passe dessus mais les autres images sur les autres cases restent affichée, je ne vois pas comment faire pour les supprimer... Avez-vous des idées ??

Voici mon code dans mon constructeur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
// pour afficher la case survolée
        addMouseListener(new MouseAdapter(){
            @Override
            public void mouseEntered(MouseEvent evenement) {
                survol = true;
            }
        });
 
        // pour réafficher la case survolée
        addMouseListener(new MouseAdapter(){
            @Override
            public void mouseExited(MouseEvent evenement) {
                survol = false;
            }
        });
 
        // TODO: Gérer l'affichage de la case survolée
        addMouseMotionListener(new MouseMotionAdapter(){
            @Override
            public void mouseMoved(MouseEvent evenement) {
                survol(evenement.getPoint());
            }
        });

Et mes deux méthodes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
// Gère le survol des cases
    private void survol(Point p) {
        final int l = (Damier.TAILLE_PLATEAU - 1 - p.y / tailleCases);
        final int c =  p.x / tailleCases;
        // On dessine la position
        if(survol == true) {
            dessineSurvol(getGraphics(), l, c);
        }
    }
 
    // Dessine l'image de la case survolée
    private void dessineSurvol(Graphics g, int l, int c) {
        // calcule la position de son coin en haut à gauche
        int cPos = c * tailleCases; 
        int lPos = (Damier.TAILLE_PLATEAU - 1 - l) * tailleCases;
        // dessine la case survolée
        g.drawImage(caseSurvolee, cPos, lPos, this);
    }

Je viens de modifier ma méthode survol() comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
// Gère le survol des cases
    private void survol(Point p) {
        // On récupère la ligne et la colonne
        final int l = (Damier.TAILLE_PLATEAU - 1 - p.y / tailleCases);
        final int c =  p.x / tailleCases;
 
        if(dernierSurvol != null) {
            // on redessine la derniere case
            dessine(getGraphics(), dernierSurvol.ligne(),dernierSurvol.colonne());
            // on réinitialise la dernier survol à null
            dernierSurvol = null;
        } else {
            dernierSurvol = Position.nouvelle(l, c);
            // On dessine la position
            dessineSurvol(getGraphics(), l, c);
        }
    }

Celà marche très bien à part que mon image clignotte :(
En fait, ça affiche l'image à chaque fois que la souris bouge et moi j'aimerais que ça affiche l'image à chaque fois que la souris change de case.
Je ne vois pas trop comment faire, quelqu'un a une idée ??
Merci !

J'ai réussi !
avec ce code là :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// Gère le survol des cases
    private void survol(Point p) {
        // On récupère la ligne et la colonne
        final int l = (Damier.TAILLE_PLATEAU - 1 - p.y / tailleCases);
        final int c =  p.x / tailleCases;
 
        // Si la dernière position n'est pas nulle et qu'elle n'est pas égale à la nouvelle
        if (dernierSurvol != null && !(dernierSurvol.equals(Position.nouvelle(l, c)))) {
            // on redessine la derniere case
            dessineSurvol(getGraphics(), dernierSurvol.ligne(), dernierSurvol.colonne());
            // on réinitialise la dernier survol à null
            dernierSurvol = null;
        } else {
            // On prend les coordonnées de la nouvelle case
            dernierSurvol = Position.nouvelle(l, c);
            // On dessine la position
            dessineSurvol(getGraphics(), l, c);
        }
    }

:yaisse2: