Discussion :

[womannosky]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[cysboy]

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

[womannosky]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Grumphette]

Le glass pane ne pourrais pas répondre à ta question? voir:http://java.sun.com/docs/books/tutor...html#glasspane

[dinobogan]

Il faut utiliser MouseMotionListener qui envoie un événement à chaque nouvelles coordonnées du pointeur.

[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 ?

[dinobogan]

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.

[womannosky]

Merci dinobogan, je regarde ça.

Merci encore!

[womannosky]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
    }

[womannosky]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[womannosky]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
        }
    }