Discussion :

[TylerKnoxx]

Bonjour,

Je développe une application qui tournera sur une tablette tactile et je dois y inserer une 'zone de prise de notes libre'.
En gros l'utilisateur peut ecrire dans cette zone et j'affiche ce qu'il ecrit.

Le mecanisme que j'ai mis en place est le suivant :

• Le composant est un JPanel qui écoutes les évènement Mouse et MouseMotion.
• Sur mouseDragged j'enregistre les points.
• Sur mousePressed et mouseReleased je gère le lever de stylo (pour enregistrer les points suivant dans un nouveau 'trait').
• Le dessin se fait dans la methode 'paint' du JPanel en traçant des lignes entre les points successifs appartement au même 'trait'.

Pour déclencher le dessin, j'ai ajouté un Timer Swing au JPanel qui va provoquer un repaint() :

Code :

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

1
2
3
4
5
6
 
new Timer(100, new ActionListener(){
     public void actionPerformed(ActionEvent e) {            
          repaint();
     }
}).start();

Le problème (il faut bien qu'il y en ai un, sinon je ne serais pas ici ) c'est que plus l'utilisateur dessine dans le composant moins le tracé deviens fluide.
L'origine de ce problème vient du dessin de toutes les lignes entre les points qui devient de plus en plus long (forcement car il y a de plus en plus de points à afficher).
J'ai constaté que la fréquence à laquelle je recevais des points par le 'mouseDragged' diminue progressivement et se fait pas accoups.
J'ai l'impression que, comme le tracé des points est fait dans l'Event dispatcher (du moins c'est ce que je crois au vu de la description du Timer Swing ), il 'gène' la transmission des évènements souris vers mon listener qui enregistre ainsi de moins en moins de points.

Est-ce que vous avez une solution à me proposer pour fluidifier le tracé (et le rendre indépendant de la quantité de points qu'il contient) ?

• Utiliser un Timer util au lien du timer swing ?
• Ne pas utiliser de Timer mais un autre mécanisme de rafraichissment ?
• Utiliser le double buffering ? (comment le mettre en place ?)
• Ne pas utiliser paint() mais une autre methode (update ? paintComponent ?)
• Dessiner differement le tracé ? (drawPolyline au lieu des drawLine ?)

NB : j'ai essayé sans timer, en appelant le repaint après chaque nouveau point dans le mouseDragged mais le résultat est le même.

[philippe13]

Salut,

Il faut faire un petit "algo" qui te permet de ne pas redessiner à chaque fois tout. Surtout que tu as deja fait le travail!
Les points de ta souris sont mis dans un tableau ou un vecteur, je supose. Vide le à chaque fois pour y mettre que les plus ressants et ajout à ton dernier dessin un nouveau dessin construit à partir des derniers points.
Bref, tu fais de la superposition de dessin et non une nouvelle création à chaque fois.

Bonne chance.

[bouye]

Pourrais-tu nous montrer comment tu dessines tes points s'il te plait ? Combien de points en moyenne as-tu quand cela commence a reagir lentement ?

[eclesia]

plutot qu'un timer,

tu pourrais faire un thread en priorité minimum pour redessiner.
Le dessin serat un peu en retard a l'affichage mais du coté du nombre de point pendant qu'il dessine, ca devrait etre mieux.

[xavlours]

Une autre idée serait de peindre dans une BufferedImage, puis d'afficher l'image dans ton composant. Comme ça, l'image n'est pas réinitialisée et tu n'as pas besoin de redessiner tous les anciens points à chaque repaint.

Bien sûr, tout garder dans une List permet de faire du undo, c'est bien pratique.

[philippe13]

Une autre idée serait de peindre dans une BufferedImage, puis d'afficher l'image dans ton composant. Comme ça, l'image n'est pas réinitialisée et tu n'as pas besoin de redessiner tous les anciens points à chaque repaint.

Bien sûr, tout garder dans une List permet de faire du undo, c'est bien pratique.

je suis d'accord à 100%