Dessiner et effacer (ou deplacer) un rectangle dans un Jpanel.

Salut a vous !

Pour commencer voici mon code:

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 25 26

import java.awt.Dimension; import java.awt.Graphics;   import javax.swing.JFrame; import javax.swing.JPanel;   public class Main {   public static void main(String[] args) {   javax.swing.SwingUtilities.invokeLater(new Runnable() { public void run() { JPanel panel = new JPanel() { protected void paintComponent(Graphics g) { super.paintComponent(g); g.fillRect(10, 20, 30, 40); } }; JFrame frame = new JFrame(); frame.setSize(400, 400); frame.setVisible(true); frame.setContentPane(panel); } }); } }

---

Ce qui m'affiche un joli rectangle. J'aimerais qu'il se deplace successivement a plusieurs endroits et ce tant que j'appuie sur un bouton de mon clavier ou de ma souris. (ou au pire si jamais ça pose probleme: qu'il s'efface pour en recreer un autre ailleurs. Ca reviens au même).

Problème numero 1 que je rencontre: Je ne suis pas encore au point sur les keylistener et mouse listerner. Voila pourquoi je n'en ai pas mis ici, pour l'instant j'essaye juste de faire un script qui va deplacer le rectangle aux endroits voulus. Ca sera deja la base de faite. Une fois que j'aurais reussi a faire marcher ça je me pencherait sur les listener.

On en arrive donc au problème 2 qui est le sujet de ce topic: Après un paquet de recherches et de tentatives, je n'arrive pas a deplacer ce rectangle :/



Merci d'avance !

Salut,

1. Pour ce qui est du déplacement, de l'affichage et de l'effacement.
   Il ne faut pas considérer l'instance de Graphics qui est passée en paramètre de paintComponent comme une feuille de papier, où ce qu'on dessine est dessiné definitivement, et donc qu'il faudrait l'effacer pour qu'il ne le soit plus.
   La méthod est appelée par Swing à chaque fois qu'il est nécessaire, ou qu'on le demande. Elle dessine donc un état à un instant t. Si on change cet état, ça dessine donc autre chose.
2. g.fillRect(10, 20, 30, 40);Pour dessiner le rectangle ailleurs, il faudrait donc changer les paramètres qu'on passe. Par exemple changer le 10. Pour faire ça, on va utiliser une variable.
   
   Code:

   ---

   1 2 3 4 5 6 7

   JPanel panel = new JPanel() { private int x=10; protected void paintComponent(Graphics g) { super.paintComponent(g); g.fillRect(x, 20, 30, 40); } };

   ---

   Si chaque fois que Swing redessine le panel, x est différent, le rectangle bouge.
3. Il faut donc faire varier x et redessiner le panel. Pour redessiner, on peut appeler la méthode repaint() sur le panel. Swing va alors réagir pour redessiner.
   Le réflexe serait de faire une boucle genre :
   
   Code:

   ---

   1 2 3 4 5

   for(int i=0; i<10; i++) { x+=10; // on fait varier x panel.repaint(); // attendre un certain temps (par exemple, Thread.sleep(500) pour attendre 500 ms }

   ---

   Seulement le redessin et l'interaction de Swing est réalisé par du code qui s'exécute dans un thread dédié (un processus parallèle). 2 solutons donc :
   
   1. faire la boucle dans le thread de Swing
      Sauf que si on fait ça, comme un thread ne peut faire qu'une seule chose à la fois, pendant que la boucle s'exécute et qu'on attend, Swing ne fait rien d'autre, et donc on ne verra aucun affichage se faire, donc on ne verra pas le rectangle se déplacer. Quand la boucle sera terminée, on verra le rectangle se dessiner, à sa position final. Donc aucun mouvement en fait.
   2. faire la boucle dans le thread principal (celui qui exécute le programme dans la méthode main)
      Le problème quand on fait des modifications d'éléments dans 2 threads différents, c'est qu'on peut avoir pleins de soucis : accès concurrents, états à moitié modifié, lattence dans la mise à jour des variables (parce qu'il y un cache par processeur).
      Donc, en résumé, c'est une solution qui peut s'avérer complexe à mettre en oeuvre si on ne veut pas de comportement erratique.
   
   Une solution simple est d'utiliser un timer. En particulier un timer Swing. Comme ça, ça s'exécute dans le thread de swing et pas de souci de blocage de Swing. En plus, l'avantage avec un timer swing, c'est qu'on peut plus facilement démarrer l'animation, ou l'arrêter.
   
   Un exemple avec un timer swing :
   
   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 25 26 27 28 29 30 31 32 33

   public class Main {   public static void main(String[] args) {   javax.swing.SwingUtilities.invokeLater(new Runnable() { public void run() { JPanel panel = new JPanel() { int x=10; Timer timer; { timer = new Timer(500, e->{ x+=10; repaint(); if ( x>100) { timer.stop(); } }); timer.start(); }   protected void paintComponent(Graphics g) { super.paintComponent(g); g.fillRect(x, 20, 30, 40); } }; JFrame frame = new JFrame(); frame.setSize(400, 400); frame.setVisible(true); frame.setContentPane(panel); } }); } }

   ---

   Un exemple avec un timer util :
   
   
   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 25 26 27 28 29 30 31 32 33 34 35 36 37

   public class Main {   public static void main(String[] args) {   javax.swing.SwingUtilities.invokeLater(new Runnable() { public void run() { JPanel panel = new JPanel() { volatile int x=10; Timer timer = new Timer(); { TimerTask timerTask = new TimerTask() {   @Override public void run() { x+=10; repaint(); if ( x>100) { timer.cancel(); } } }; timer.schedule(timerTask, 500, 500); }   protected void paintComponent(Graphics g) { super.paintComponent(g); g.fillRect(x, 20, 30, 40); } }; JFrame frame = new JFrame(); frame.setSize(400, 400); frame.setVisible(true); frame.setContentPane(panel); } }); } }

   ---

Impec ! Merci beaucoup de ton aide Joel.