Discussion :

[maelstrom]

Ah oui effectivement je m'étais tromper d'import. Cela marche, mais cela clignote tout le temps quand je bouge ma souris sur le canvas, même quand je ne fait pas de trait, cela est assez embêtant au niveau de la lisibilité. J'ai l'impression qu'il rentre tout le temps dans le mouseMove et donc il redraw() tout le temps, à chaque moindre mouvement de la souris. Je pense que l'on pourrait se passer de redraw() dans la fonction mouseMove et ne le laisser que dans MouseUp() non ?

[joel.drigo]

Oui, modifie :

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
@Override
		public void mouseUp(MouseEvent e) {
			if ( currentDrawable !=null ) {
				drawables.add(currentDrawable);
				currentDrawable=null;
				redraw();
			}
		}
 
		@Override
		public void mouseMove(MouseEvent e) { 
			if ( currentDrawable instanceof LineDrawable ) {
				LineDrawable lineDrawable = (LineDrawable) currentDrawable;
				Point point = inverseTransform(e.x, e.y);
				lineDrawable.setPoint2(point.x, point.y); 
				redraw();
			} 
		}

Par contre, ça n'empêchera pas le clignotement pendant le dessin d'une ligne : pour l'éviter, il faut utiliser du double-buffering (voir ma classe de démo).

Au final, tu pourras optimiser le redessin pour limiter ce genre d'effet : c'est plus compliqué, mais tu peux utiliser redraw(int x, int y, int width, int height, boolean all); pour ne redessiner qu'une partie du canvas (dont il faut calculer les bounds).

Je pense que l'on pourrait se passer de redraw() dans la fonction mouseMove et ne le laisser que dans MouseUp() non ?

Si j'ai fait ça, c'est pour voir la ligne se dessiner au fur et à mesure qu'on bouge la souris : ainsi on peut ajuster de visu, voir ce que donnera la ligne au final, et pas seulement imaginer au juger en fonction du point d'arrivée.

[maelstrom]

Au final, tu pourras optimiser le redessin pour limiter ce genre d'effet : c'est plus compliqué, mais tu peux utiliser redraw(int x, int y, int width, int height, boolean all); pour ne redessiner qu'une partie du canvas (dont il faut calculer les bounds).

Je pense que j'essaierais de gérer cela plus tard pour l'instant je vais me focaliser sur l'essentiel.

Il me reste deux ou trois petits bugs. Si l'on zoom beaucoup lorsque je trace un trait on peut remarquer que celui-ci est en décalé avec ma souris, il ne la suit pas exactement.

Aurais-tu une idée d'où pourrait venir le problème ?

Ensuite, j'ai mis mon canvas dans un ScrolledComposite de cette façon :

Code :

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

1
2
3
4
5
6
7
ScrolledComposite scrolledComposite = new ScrolledComposite(tabFolder, SWT.BORDER | SWT.H_SCROLL | SWT.V_SCROLL);
tbtmDesign.setControl(scrolledComposite);
scrolledComposite.setExpandHorizontal(true);
scrolledComposite.setExpandVertical(true);
 
MyCanvas canvas = new MyCanvas(scrolledComposite, SWT.NONE);
scrolledComposite.setContent(canvas);

Mais je n'ai aucune idée pour gérer sa taille en fonction du zoom, en fait je ne sais même pas si c'est bien comme cela qu'il faut faire pour commencer ?

[joel.drigo]

Si on zoom beaucoup, on se heurte à des problèmes d'approximation des calculs : comme toutes les coordonnées sont en int. Passe tout en double, et ça ira mieux (par contre, il faudra caster pour dessiner, et éventuellement gérer l'intervalle de valeurs). Mais tu auras toujours une limite de niveau de zoom.
Pour le Point, tu as la classe PrecisionPoint.

Pour le scrolledcomposite, il va falloir que tu soit capable de calculer la taille du canvas (la bounding box) : chaque fois que tu ajouteras un élément, il faudra recalculer la bounding box en coordonnées standard,, pour la transformer pour avoir la bounding box en pixels et ajuster le ScrollComposite.

(Là, je repense à ce que j'ai dit au sujet d'utiliser une bibliothèque : à force de rajouter des fonctions, tu vas finir par réinventer la roue).

[maelstrom]

Alors, une fois que j'aurais réglé l'histoire du scrolledComposite, du zoom et de la sélection des Drawable, il ne me restera plus qu'un truc à gérer ce sera qu'au moment de tracer une ligne, s'il n'y en a pas d'autres dans le canvas il peut la créer où il veut (je crée les points aux extrémités automatiquement et ça je le gère déjà), et s'il existe déjà au moins une ligne on est obligé de repartir d'un des points des lignes déjà existantes (afin de créer des réseaux, on ne veut pas de ligne seule qui se balade). Et là ça sera tout. Alors, à ton avis est-ce que tout cela serait plus facile à gérer avec une bibliothèque ou non ? Car, là j'ai déjà bien avancé dans un sens donc je ne voudrais pas me retrouver à changer de solution plus loin. C'est vrai que j'ai un peu l'impression de réinventer la roue, mais ai-je tellement le choix ?

[joel.drigo]

En te lisant, j'ai l'impression que tu essayes de faire un dessin de graphe.

C'est vrai que j'ai un peu l'impression de réinventer la roue, mais ai-je tellement le choix ?

Oui, je vois pas pourquoi tu n'aurais pas le choix... je t'ai dis que j'utilisais moi-même un bibliothèque AWT sous SWT.
Il existe d'ailleurs des bibliothèques spécialisés dans le dessin de graphes, comme Jung par exemple, que j'utilise également sous SWT.


ça ressemble un peu quand même à ce que tu cherches à faire, non ? (y'a le zoom, le dessin interactif, tout ça, avec les exemples de code sur le site)

[maelstrom]

Pas tout à fait, voilà plus à quoi sa ressemblerais (je te montre avec deux de mes maquettes :

Pièce jointe 174264 Pièce jointe 174262

Et voilà à quoi cela ressemble actuellement :

Pièce jointe 174265

Donc on se rapproche petit à petit, les lignes représente des distances et les images des éléments poser à certains endroits sur ces distances. (Sachant que les images que j'ai mis sont juste des tests, mais ce seront des icônes dans ce style).

[joel.drigo]

Ouais bon les images ne sont pas sur les sommets mais sur les arcs. Jung gère ça aussi.

[maelstrom]

Après avoir consulter la doc et avoir regarder avec attention deux tuto (https://www.vainolo.com/2011/02/14/l...aph-framework/ et http://www.grotto-networking.com/JUN...2-Tutorial.pdf).

J'ai trouvé cela super complexe à première vue (après c'est peut être une idée que je me fais) et aussi c'est du swing (awt) et j'aimerais, maitenant, si possible rester en swt autant que possible.

EDIT : Après plusieurs autres recherches et relectures de tes anciens messages, je trouve cela plus qu’intéressant (comme quoi ), je pense donc que je vais partir là-dessus donc on efface tout et on recommence depuis le début. J'ai vu qu'il y avait une version spécial pour inclure cette bibliothèque avec SWT http://jung.sourceforge.net/faq.html#specific (question 12)