Grille magnétique aimentée

Version imprimable

07/12/2007, 15h19
nasriOM

Grille magnétique aimentée

Bonjour

Je cherche à créer une grille magnétique dans mon application afin de pouvoir déplacer des objets et qu'ils pointent dans le point le plus proche de la position de la souri.

Comment puis je faire cela, je n'ai pas réussi à trouver des informations ou quelques codes pour m'aider.

Cordialement,
07/12/2007, 17h37
Alec6

Je savais pas que ca s'appelle comme ca.

Sinon le bon plan je pense, c'est de fabriquer un Layout à la main (voir tutorial).

Quand vous ajouter un Component avec un position (celle de la souris au moment du clique vous concervez cette position absolue).

Ensuite au moment du calcul du layout (voir tutorial et l'interface à implémenter) si suffit de faire un petit cacul pour fournir la position effective "magnétique" au composant.

Je trouve l'idée sympa et ca peut me servir alors si vous publiez au fure et à mesure je veux bien collaborer.

L'idée d'utiliser un Layeur au lieu d'un AbsoluteLayout c'est qu'avec le layer vous pouvez changer la taille de la grille et le calcul fera le reste. C'est bon bien souple.

ca commence comme ca
public class MagneticLayout implements LayoutManager2
10/12/2007, 17h10
nasriOM

OK pas de souci!

En faite j'aimerai créer une grille, type t'ableau avec des coordonnées collones et lignes. Car mon logiciel sera un logiciel de dessin d'organigramme donc les formes que l'utilisateur créera se placeron dans des places précises afin que chaque composant de l'organigramme ait une position.

Qu'est ce qui différent d'une grille à un tableau? Quel est la meilleur approche afin de dessiner une grille comme dans tout logiciel de dessin.

merci
11/12/2007, 12h26
Alec6

Commencez le layout manager dont je parlais; c'est la meilleur approche en java swing
12/12/2007, 15h22
____22

Citation:

Envoyé par nasriOM

OK pas de souci!

En faite j'aimerai créer une grille, type t'ableau avec des coordonnées collones et lignes. Car mon logiciel sera un logiciel de dessin d'organigramme donc les formes que l'utilisateur créera se placeron dans des places précises afin que chaque composant de l'organigramme ait une position.

Qu'est ce qui différent d'une grille à un tableau? Quel est la meilleur approche afin de dessiner une grille comme dans tout logiciel de dessin.

merci

je pense que setLayout(new GridLayout(int,int)); pourrait marcher
12/12/2007, 16h10
billynirvana

Je suis peut être hors sujet, mais quand tu places un objet dans une grille avec chaque case une longeur fixe BOX_SIZE, tu n'as qu'a faire le calcul suivant:

int PositionX = (obj.getPosX() / BOX_SIZE)*BOX_SIZE;
int PositionY = (obj.getPosY() / BOX_SIZE)*BOX_SIZE;

Par l'exemple, imaginons que je drag/drop un objet à la position (55, 42) dans une grille dont les dimensions sont de 10x10 est que BOX_SIZE=10, alors je vais placer l'objet à la position (50;60). Cela donne un effet d'aimant.

Billy
12/12/2007, 18h18
nasriOM

L'approche est bien evidemment de chercher mathématiquement la distance la plus proche des coordonnées de la souris à celles des croix aimentés.

Mais comment puis je faire pour créer un tableau à 2 dimensions?

il me faudrai 20colonnes et une infinité de lignes par exemple
13/12/2007, 10h27
Alec6

J'ai fait un post avec le layout manager.

Il suffit quand tu cliques tu ton panel de récupérer le Point de la souris et alors d'ajouter à ton panel le composant que tu désires voir afficher (JLabel par exemple). Biensur à ton panel il faut lui faire monPanel.setLayout(new MagneticLayout());
13/12/2007, 15h37
nasriOM

tu pourais me passer le lien de ton post stp
13/12/2007, 16h43
nasriOM

Serais se possible de créer un tableau sans voir les contours mais d'insérer dans chaque cellule une image représentant une croix afin de vraiment symboliser une grille.

Est ce GridLayout serait capable de faire cela?

http://www.gimp-fr.org/images/gimp20/grille.jpeg

Salut,
J'espère que ce programme te procurera de l'aide tant attendue.

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
 
 
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.util.*;
import javax.swing.*;
import javax.swing.event.*;
 
public class TestGrille{
 
 
public static void main(String[] args) {
 
    JFrame frame = new JFrame(" Test Grille");
    frame.setSize(400,300);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.getContentPane().add(new Grille(20, 20, 25, 25));
    frame.setVisible(true);
 
}
 
}
 
class Grille extends JPanel{
 
 
 
    private int rows;   // nombre de lignes
    private int columns; // nombre de colonnes
    private int hDist;  // distance horizontale entre 2 croix
    private int vDist;  // distance verticale entre 2 croix
    private final int LENGTH = 6; // longueur et hauteur de la croix dessinée
 
    private Point2D start; // point de click de la souris
    private Point2D end;   // point de relachement
 
    public Grille (int r, int c, int hd, int vd)
    {
 
        rows = r;
        columns = c;
        hDist = hd;
        vDist = vd;
 
        addMouseListener(new MouseAdapter(){
 
            public void mousePressed(MouseEvent mEvt)
            {
 
 
                // si le click est dans la grille:
                if (mEvt.getPoint().getX() <= (rows * hDist) &&
                     mEvt.getPoint().getY() <= (columns * vDist))
                {
                    start = mEvt.getPoint();
                    System.out.println("x = "+(int)start.getX() + " y = "+(int)start.getY());
                }
 
            }
 
 
            public void mouseRelesed(MouseEvent mEvt)
            {
                start = null;
                end = null;
 
            }
 
 
 
        });
 
     addMouseMotionListener(new MouseAdapter(){
 
 
             public void mouseDragged(MouseEvent mEvt)
            {
                if (mEvt.getPoint().getX() <= (rows * hDist) &&
                                     mEvt.getPoint().getY() <= (columns * vDist))
                {
                end = mEvt.getPoint();
                System.out.println("xm = "+end.getX() + " ym = "+end.getY());
                repaint();
                }
            }
 
 
         });
    }
 
    public void paintComponent(Graphics g)
    {
        super.paintComponent(g);
 
        Graphics2D g2D = (Graphics2D) g;
 
        /* pour une meilleur lisibilité du code, on va séparer
         * le dessin des cellules du dessin des croix bien que
         * ces premieres ne qoient pas vraiment necessaires
         */
 
        /* Commençons par dessiner les lignes horizontales.
         * n'oublier pas que le point avec les coordonnées (0,0)
         * se situe au coin superieur gauche de la fenetre
         */
 
        for(int i = 1; i <= rows; i++)
        g2D.drawLine(0, i * vDist , columns * hDist, i * vDist );
 
        /* dessiner les lignes verticales */
        for(int i = 1; i <= columns; i++)
        g2D.drawLine(i * hDist, 0,  i * hDist, columns * vDist );
 
        /* Dessiner les croix:
         * chaque croix se situe au milieu d'une cellule
         */
 
         for(int i = 1; i <= rows; i++)
         {
             for (int j = 1; j <= columns; j++)
             {
                // une fois on est dans la cellule (i,j):
                // dessinons une petite ligne horizontale
 
                int x1 = (i * hDist) - ((hDist + LENGTH) /2);
                int y1 = (j * vDist) - (vDist / 2);
                int x2 = x1 + LENGTH;
                int y2 = y1;
 
                g2D.drawLine(x1, y1, x2, y2);
 
                // et une petite ligne verticale
 
                x1 = (i * hDist) - (hDist / 2);
                y1 = (j * vDist) - ((vDist + LENGTH) /2);
                x2 = x1;
                y2 = y1 + LENGTH;
 
                g2D.drawLine(x1, y1, x2, y2);
 
                // Dessinon la ligne que l'utlisateur construit
 
                if ((start != null) && (end != null))
                {
                    int sRow = (int)start.getX()/ hDist +1 ;
                    int sCol = (int)start.getY()/ vDist +1;
 
                    int sx =  (sRow * hDist) - (hDist / 2);
                    int sy =  (sCol * vDist) - (vDist / 2);
 
                    int eRow = (int)end.getX()/ hDist +1;
                    int eCol = (int)end.getY()/ vDist +1;
 
                    int ex =  (eRow * hDist) - (hDist / 2);
                    int ey =  (eCol * vDist) - (vDist / 2);
 
                    g2D.drawLine(sx, sy, ex, ey);
 
 
                }
 
             }
 
         }
 
    }
 
}

14/12/2007, 10h38
nasriOM

Merci beaucoup amine, ça m'aide énormément!!:D

Il y a un message d'erreur, il faut remplacer: addMouseMotionListener(new MouseAdapter(){

par: addMouseMotionListener(new MouseMotionAdapter(){
14/12/2007, 16h15
Amine_sas

Citation:

Envoyé par nasriOM

Il y a un message d'erreur, il faut remplacer: addMouseMotionListener(new MouseAdapter(){

par: addMouseMotionListener(new MouseMotionAdapter(){

Je n'avais aucun message d'erreur car la classe MouseAdapter implémente les interfaces MouseListener et MouseMoutionListener donc elle est plus générale que MouseMotionAdapter.
En fait, le but des ces classes est entre autre l'esthétique du code par ce que les interfaces citées contiennent beaucoup de méthodes et on a souvent tendance de n'utiliser qu'une ou deux seulement. Donc elle enlèvent l'obligation de redéfinir les autres méthodes.

A+.
17/12/2007, 10h17
nasriOM

Existe-il une méthode pour ne pas afficher les traits du tableau, comme ça il n'y aura que les croix qui seront visible?
17/12/2007, 13h42
Amine_sas

Citation:

Envoyé par nasriOM

Existe-il une méthode pour ne pas afficher les traits du tableau, comme ça il n'y aura que les croix qui seront visible?

Supprimes les lignes correspondantes dans le code source ou mets les en commentaire.;)

Salut,

Pour ajouter la classe grille à ton code, copies le code source de cette dernière dans un fichier que tu nommes Grille.java, et n'oublies pas d'ajouter le mot public à la définition de la classe.
le fichier Grille contiendra:

Code:

1
2
3
4
public class Grille extends JPanel
{
 // le code de la classe
}

et dans la classe frame:

Code:

1
2
Grille g = new Grille(nLignes, nColonnes, cellWidth, cellHeight);
getContentPane().add(g);

Et pour plus de plaisir, ajoute la ligne suivante à la déclaration des champs de la classe Grille:

Code:

1
2
 
 private ArrayList<Line2D.Double> lines;

et les lignes suivantes a la méthode mouseReleased: (bien qu'elles figurent déjà dans la méthode paintComponent)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
if ((start != null) && (end != null))
                {
                    int sRow = (int)start.getX()/ hDist +1 ;
                    int sCol = (int)start.getY()/ vDist +1;
 
                    int sx =  (sRow * hDist) - (hDist / 2);
                    int sy =  (sCol * vDist) - (vDist / 2);
 
                    int eRow = (int)end.getX()/ hDist +1;
                    int eCol = (int)end.getY()/ vDist +1;
 
                    int ex =  (eRow * hDist) - (hDist / 2);
                    int ey =  (eCol * vDist) - (vDist / 2);
 
                    lines.add(new Line2D.Double(sx, sy, ex, ey));
 
                }
 
 
                start = null;
                end = null;

et dans la méthode paintComponent:

Code:

1
2
for (Line2D.Double line : lines)
          g2D.draw(line);

19/12/2007, 16h07
nasriOM

En faite lorsque je dessinerai un objet sur ma grille, il se positionnera sur une croix. J'aimerai pouvoir donner des coordonnées à toutes les croix.

je m'explique lorsque l'utilisateur voudra dessiner son organigramme, il choisira une forme (rectangle, carré, losange) puis soit il glissera la forme, soit il cliquera sur la grille et elle se placera sur une croix.

J'ai besoin que chaque croix est une des coordonées précises car chaque travail poura etre enregistré en xml et justement j'ai des attribut qui devront etre présent dans le fichier xml.

les collonnes de ma grille seront classés de cette manière:
AC, AD, AE, AF

les lignes seront classées de cette façon:
3, 4, 5, 6

Donc la premiere croix en haut à gauche aura comme coordonnée: AC3 car elle appartient à la colonne AC et a la ligne 3

Donc dans ma 1ere ligne les croix auront comme coordonnées: AC3, AD3, AE3,...
pour la 1eme ligne: AC4, AD4, AE4...

ainsi de suite..;

comment puis je faire pour donné des coordonées à chaque croix.
03/01/2008, 17h03
nasriOM

J'ai une question un peu bête.

J'ai déja toutes mes classes de mon logiciel.
Je veux m'intenant intégré la classe Grille, dans mon application:
j'ai une classe appelé JFramePrincipale qui contient la fenetre principale.
Est ce que pour que la grille s'affiche dans cette fenetre, on devrait implementé la classe JFramePrincipale.

je n'en ai aucune idée, je fais appel à votre aide justement;

merci
03/01/2008, 17h32
nasriOM
Citation:
Envoyé par Amine_sas

et dans la classe frame:

Code:

1 2 Grille g = new Grille(nLignes, nColonnes, cellWidth, cellHeight); getContentPane().add(g);
En faite il ne reconnait pas getContentPane().add
03/01/2008, 18h27
Amine_sas

Citation:

Envoyé par nasriOM

En faite il ne reconnait pas getContentPane().add

Si ta classe JFramePrincipale étend JFrame, la méthode getContentPane() doit être reconnue. Je ne pense pas que le problème vient de cette méthode !

Pour le problème que tu m'as envoyé par mp, je ne comprends pas ce que tu veux faire exactement, tu veux que les cellules soient étiquetées ?
04/01/2008, 12h45
nasriOM

Oui c'est bien cela
Je veux que en plus des coordonnées cartésiennes qu'on a de la position de la souris on puisse s'en servir pour donner des coordonées de types "lettre""lettre""nombre", cad de ce type:
la premiere croix en haute a gauche aura pour colone nommé AC et ligne 3, toutes les croix en desous seront tjs sur la colonne AC mais des chiffres lignes différents.
Parce que je n'ai pas le droit d'utiliser les colones AA et AB, je dois commencer à AC et suivi de AD,AE,AF,...etc
et les lignes je n'ai pas le droit d'utiliser les deux premieres lignes, on doit commencer à la 3eme.

on aura donc virtuellement une grille qui aura une variables position de celle ci comme cela:

AC1,AD1,AE1,...
AC2,AD2,AE2,...
AC3,AD3,AE3,...
...

voilà le code de la classe Fenetreprincipale:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import javax.swing.JFrame;
import javax.swing.JWindow;
/**
 * FenetrePrincipale - 
 * fenetre principale de l'application
 *
 
 */
public class FenetrePrincipale extends JFrame{
 
    /**
     * Crée une FenetrePrincipale avec le titre spécifié
     * @param titre titre de la fenetre
     */
    public FenetrePrincipale(String titre){
	super(titre);
	setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
	etat = new Etat();
	barreMenu = new BarreMenu(this, etat);
 
	pack();
	setExtendedState(MAXIMIZED_BOTH);
	setVisible(true);
 
 
 
	(new JWindow(this)).setVisible(true);
    }
 
    // Le panel principal de la fenetre
    private PanelPrincipal panelPrincipal;
 
 
    /**
     * Renvoie le panel principal de la fenetre
     * @return le panel principal
     */
    public PanelPrincipal getPanelPrincipal(){
	return panelPrincipal;
 
    }
 
    /**
     * Ajoute un panel nouveau
     */
    public void ajouterPanelPrincipal(){
	panelPrincipal = new PanelPrincipal(this, etat)
	;
 
 
    }
 
    // Le barre menu de la fenetre principale
    private BarreMenu barreMenu;
 
    /**
     * Renvoie le barre menu de la fenetre principale
     * @return le barre menu
     */
    public BarreMenu getBarreMenu(){
	return barreMenu;
    }
 
    // L'etat de tout
    private Etat etat;
}

[/CODE]

et celui de la classe TabbedPaneDessin:

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
38
39
40
41
import javax.swing.JTabbedPane;
import java.awt.BorderLayout;
 
 
public class TabbedPaneDessin extends JTabbedPane{
 
    /**
     * Crée un TabbedPaneDessin et le met dans le PanelPrincipal spécifié
     * @param _panelPrincipal panel contenant le TabbedPaneDessin
     * @param _etat etat de tout
     */
    public TabbedPaneDessin(PanelPrincipal _panelPrincipal, Etat _etat){
	super();
	etat = _etat;
 
	panelPrincipal = _panelPrincipal;
	panelPrincipal.add(this, BorderLayout.CENTER);
 
    }
 
    // Fenetre Principale contenant le panel principal
    private PanelPrincipal panelPrincipal;
 
    // L'etat de tout
    private Etat etat;
 
    /**
     * Ajoute un Panel dessin
     */
    public void ajouterPanelDessin(){
	PanelDessin panelDessin = new PanelDessin(this, etat);
 
    }
 
    /**
     * Renvoie le panel principal selectionné
     */
    public PanelDessin getPanelDessin(){
	return (PanelDessin)getSelectedComponent();
    }
}

Enfin la classe PanelDessin:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
import javax.swing.JPanel;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import java.awt.BasicStroke;
import java.awt.geom.Point2D;
import java.awt.geom.Line2D;
import java.awt.Color;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.event.InputEvent;
import java.util.Vector;
import java.util.Stack;
import java.awt.AlphaComposite;


public class PanelDessin extends JPanel implements MouseListener, MouseMotionListener{
	
    /**
     * Crée un PanelDessin et l'ajooute au TabbedPaneDessin spécifié
     * @param _tabbedPaneDessin tabbedPaneDessin contenant le panel dessin
     * @param _etat etat de tout
     */
    public PanelDessin(TabbedPaneDessin _tabbedPaneDessin, Etat _etat){
	super();
	etat = _etat;
	setBackground(Color.white);
	

	addMouseListener(this);
	addMouseMotionListener(this);

	compteur++;
	numero = compteur;

	nom = "Dessin " + numero;

	liste = new Vector();

	figures = new Figures();

	commandes = new Stack();

	tabbedPaneDessin = _tabbedPaneDessin;
	tabbedPaneDessin.addTab(nom, this);
	Grille g = new Grille(30, 30, 50, 50);
	tabbedPaneDessin.add(g);
/*Il y a un tabbedpane ajouté par page dessin, ce qui n'est pas bon, car
j'aimerai que la grille ce place en fond de chaque page dessin et qu'on puisse dessiner dessus*/
	
    }

    // TabbedPaneDessin contenant le panel dessin
    TabbedPaneDessin tabbedPaneDessin;

    // L'etat de tout
    private Etat etat;

    // Compteur des PanelDessin
    private static int compteur = 0;

    // Numéro du panel dessin
    private int numero;

    // Nom du panel dessin
    private String nom;

    // Liste de points à tracer
    private Vector liste;

    // L'ensemble des figures dessinées
    private Figures figures;

    // La pile des commandes effecctuée
    private Stack commandes;

    /**
     * Renvoie la pile de commandes
     */
    public Stack getCommandes(){
	return commandes;
    } 

    // mode ligne
    public static final int MODE_LIGNE = 0;

    // mode segment
    public static final int MODE_SEGMENT = 1;

    // mode cercle
    public static final int MODE_CERCLE = 2;

    // mode rectangle
    public static final int MODE_RECTANGLE = 3;

    // mode polygone
    public static final int MODE_POLYGONE = 4;

    // mode dessin
    public static final int MODE_DESSIN = 0;

    // mode sélection
    public static final int MODE_DEPLACER = 1;

    // mode colorier
    public static final int MODE_COLORIER = 2;

    // mode remplir
    public static final int MODE_REMPLIR = 3;

    // mode bordure
    public static final int MODE_BORDURE = 4;

    // mode effacer
    public static final int MODE_EFFACER = 5;

    // mode monter
    public static final int MODE_MONTER = 6;

    // mode descendre
    public static final int MODE_DESCENDRE = 7;

    /**
     * Annule la dernière commande
     */
    public void annuler(){
	if(!commandes.empty()){
	    Commande commande = (Commande)commandes.pop();
	    int type = commande.getType();
	    if(type == MODE_DESSIN){
		figures.remove(commande.getFigure());
	    }
	    
	    if(type == MODE_EFFACER){
		figures.add(commande.getFigure());
	    }
	    
	    if(type == MODE_COLORIER){
		((Dessinable)commande.getFigure()).setCouleurRemplissage(commande.getCouleur());
	    }
	    repaint();
	    
	}
    }

    // figure selectionnée
    private Dessinable figureSelectionnee;

    // si une figure est sélectionnée
    private boolean selection;

    /**
     * Méthode appelée pour dessiner
     * @param g interface graphique
     */
    public void paintComponent(Graphics g){
	Graphics2D g2d =(Graphics2D)g;
	super.paintComponent(g2d);
	g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, etat.getTransparence()));
	figures.dessiner(g2d);
    }

    /**
     * Méthode appelée lorsque un bouton de la souris est appuyé
     * @param me l'évenement
     */
    public void mousePressed(MouseEvent me){

	if(etat.getMode() == MODE_DESSIN){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		if(etat.getTypeFigure() != MODE_POLYGONE){
		    liste.add(new Point2D.Double(me.getX(), me.getY()));
		}
	    }
	}

	if(etat.getMode() == MODE_DEPLACER){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		if(!selection){
		    Point2D point = new Point2D.Double(me.getX(), me.getY());
		    figureSelectionnee = figures.contient(point);
		    if(figureSelectionnee != null){
			liste.add(point);
			selection = true;
		    }
		}
	    }
	}
    }
	
    /**
     * Méthode appelée lorsque un bouton de la souris est relaché
     * @param me l'évenement
     */
    public void mouseReleased(MouseEvent me){

	if(etat.getMode() == MODE_DESSIN){

	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){

		if(etat.getTypeFigure() == MODE_LIGNE){
		    Ligne ligne = new Ligne(liste, etat.getCouleurTraits(), etat.getEpaisseur());
		    figures.add(ligne);
		    commandes.push(new Commande(MODE_DESSIN, ligne));
		    liste.clear();
		    repaint();
		    
		}

		if(etat.getTypeFigure() == MODE_SEGMENT){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Segment segment = new Segment(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur());
		    figures.add(segment);
		    commandes.push(new Commande(MODE_DESSIN, segment));
		    liste.clear();
		    repaint();
		}

		if(etat.getTypeFigure() == MODE_CERCLE){
		    Point2D point1 = (Point2D)liste.firstElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Cercle cercle = new Cercle(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur(), etat.getCouleurRemplissage());
		    figures.add(cercle);
		    commandes.push(new Commande(MODE_DESSIN, cercle));
		    liste.clear();
		    repaint();
		}

		if(etat.getTypeFigure() == MODE_RECTANGLE){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Rectangle rectangle = new Rectangle(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur(), etat.getCouleurRemplissage());
		    figures.add(rectangle);
		    commandes.push(new Commande(MODE_DESSIN, rectangle));
		    liste.clear();
		    repaint();
		}
	    }
	}

	if(etat.getMode() == MODE_DEPLACER){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		if(selection){
		    selection = false;
		    commandes.push(new Commande(MODE_DESSIN, figureSelectionnee));
		    liste.clear();
		}
	    }
	}
    }
	
    /**
     * Méthode appelée lorsque un bouton de la souris est clické
     * @param me l'évenement
     */
    public void mouseClicked(MouseEvent me){

	if(etat.getMode() == MODE_DESSIN){

	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){

		if(etat.getTypeFigure() == MODE_POLYGONE){
		    if(liste.size() < 1){
			liste.add(new Point2D.Double(me.getX(), me.getY()));
		    }
		    

		    else{
			Point2D point1 = (Point2D)liste.lastElement();
			Point2D point2 = new Point2D.Double(me.getX(), me.getY());
			liste.add(point2);
			Segment segment = new Segment(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur());
		    
			Graphics g = getGraphics();
			segment.dessiner(g);
			g.dispose();
		    }
		}
	    }

	    if((me.getModifiers() & InputEvent.BUTTON3_MASK) != 0){

		if(etat.getTypeFigure() == MODE_POLYGONE){
		    Polygone polygone = new Polygone(liste, etat.getCouleurTraits(), etat.getEpaisseur(), etat.getCouleurRemplissage());
		    figures.add(polygone);
		    commandes.push(new Commande(MODE_DESSIN, polygone));
		    repaint();
		    liste.clear();
		}
	    }
	}

	if(etat.getMode() == MODE_COLORIER){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		Point2D point = new Point2D.Double(me.getX(), me.getY());
		figureSelectionnee = figures.contient(point);
		if(figureSelectionnee != null){
		    commandes.push(new Commande(MODE_COLORIER, figureSelectionnee, figureSelectionnee.getCouleurRemplissage()));
		    figureSelectionnee.setCouleurRemplissage(etat.getCouleurRemplissage());
		    repaint();
		}
		
	    }
	}
	
	if(etat.getMode() == MODE_BORDURE){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		Point2D point = new Point2D.Double(me.getX(), me.getY());
		figureSelectionnee = figures.contient(point);
		if(figureSelectionnee != null){
		    commandes.push(new Commande(MODE_COLORIER, figureSelectionnee, etat.getCouleurTraits()));
		    figureSelectionnee.setCouleurTraits(etat.getCouleurTraits());
		    repaint();
		}
	    }
	}

	if(etat.getMode() == MODE_EFFACER){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		Point2D point = new Point2D.Double(me.getX(), me.getY());
		figureSelectionnee = figures.contient(point);
		if(figureSelectionnee != null){
		    commandes.push(new Commande(MODE_EFFACER, figureSelectionnee));
		    figures.remove(figureSelectionnee);
		    repaint();
		}
	    }
	}

	if(etat.getMode() == MODE_MONTER){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		Point2D point = new Point2D.Double(me.getX(), me.getY());
		figureSelectionnee = figures.contient(point);
		if(figureSelectionnee != null){
		    commandes.push(new Commande(MODE_COLORIER, figures.size() - 1));
		    figures.remove(figureSelectionnee);
		    figures.add(figureSelectionnee);
		    repaint();
		}
	    }
	}

	if(etat.getMode() == MODE_DESCENDRE){
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		Point2D point = new Point2D.Double(me.getX(), me.getY());
		figureSelectionnee = figures.contient(point);
		if(figureSelectionnee != null){
		    commandes.push(new Commande(MODE_COLORIER, figures.size() - 1));
		    figures.remove(figureSelectionnee);
		    figures.add(0,figureSelectionnee);
		    repaint();
		}
	    }
	}
    }
		
    /**
     * Méthode appelée lorsque le pointeur penetre dans l'objet
     * @param me l'évenement
     */
    public void mouseEntered(MouseEvent me){
    }
    	
    /**
     * Méthode appelée lorsque le pointeur quitte l'objet
     * @param me l'évenement
     */
    public void mouseExited(MouseEvent me){
    }
    	
    /**
     * Méthode appelée lorsque le pointeur se déplace dans l'objet sans
     * bouton enfoncé
     * @param me l'évenement
     */
    public void mouseMoved(MouseEvent me){
    }
    
    /**
     * Méthode appelée lorsque le pointeur se déplace dans l'objet avec
     * bouton enfoncé
     */
    public void mouseDragged(MouseEvent me){

	if(etat.getMode() == MODE_DESSIN){

	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){
		
		if(etat.getTypeFigure() == MODE_LIGNE){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    liste.add(point2);
		    
		    Segment segment = new Segment(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur());
		    Graphics g = getGraphics();
		    segment.dessiner(g);
		    g.dispose();
		}

		if(etat.getTypeFigure() == MODE_SEGMENT){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Segment segment = new Segment(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur());

		    Graphics g = getGraphics();
		    repaint();
		    segment.dessiner(g);
		    g.dispose();
		}

		if(etat.getTypeFigure() == MODE_CERCLE){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Cercle cercle = new Cercle(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur(), etat.getCouleurRemplissage());

		    Graphics g = getGraphics();
		    repaint();
		    cercle.dessiner(g);
		    g.dispose();
		}

		if(etat.getTypeFigure() == MODE_RECTANGLE){
		    Point2D point1 = (Point2D)liste.lastElement();
		    Point2D point2 = new Point2D.Double(me.getX(), me.getY());
		    Rectangle rectangle = new Rectangle(point1, point2, etat.getCouleurTraits(), etat.getEpaisseur(), etat.getCouleurRemplissage());

		    Graphics g = getGraphics();
		    repaint();
		    rectangle.dessiner(g);
		    g.dispose();
		}
	    }
	}
	
	if(etat.getMode() == MODE_DEPLACER){
	    
	    if((me.getModifiers() & InputEvent.BUTTON1_MASK) != 0){

		if(selection){
		    Point2D point = new Point2D.Double(me.getX(), me.getY());
		    int dx = (int)(point.getX() - ((Point2D)liste.lastElement()).getX());
		    int dy = (int)(point.getY() - ((Point2D)liste.lastElement()).getY());
		    figureSelectionnee.translater(dx, dy);
		    liste.add(point);
		    repaint();
		}
	    }
	}
    }
}

Comment pourais je faire pour pouvoir intégré la grille en fond de chaque TabbedPane car la fonction getcontentpane n'est pas reconnu pour la classe paneldessin;

07/01/2008, 15h39
nasriOM
en faisant,
Code:

1 2 3 tabbedPaneDessin = _tabbedPaneDessin; Grille g = new Grille(30, 30, 50, 50); tabbedPaneDessin.addTab(nom, g);
J'ai pu afficher la grille à l'intérieur de chaque TabbedPane,

mais malheuresement toutes mes fonctions de dessin ne sont plus faisables.

Avez vous une idée?

Salut,

Citation:

Envoyé par nasriOM

mais malheuresement toutes mes fonctions de dessin ne sont plus faisables.
Avez vous une idée?

Dans la classe Grille, tu as mis étrangement le code de l'importante méthode mousePressed entre /* */ donc un commentaire.
De plus, la classe Grille telle qu'elle est possède un comportement très pauvre du fait qu'elle ne permette de dessiner qu'une seule ligne, pourtant je t'ai donné une piste pour la rendre plus pratique ;).
Voici le code de la nouvelle Grille (Grille++ 8-)) :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
 
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.awt.geom.Point2D;
import java.awt.geom.Line2D;
import java.util.*;
 
import javax.swing.JPanel;
 
 
public class Grille extends JPanel{
    private int rows;   // nombre de lignes
    private int columns; // nombre de colonnes
    private int hDist;  // distance horizontale entre 2 croix
    private int vDist;  // distance verticale entre 2 croix
    private final int LENGTH = 6; // longueur et hauteur de la croix dessinée
    private ArrayList<Line2D.Double> lines;
    private Point2D start; // point de click de la souris
    private Point2D end;   // point de relachement
 
    public Grille (int r, int c, int hd, int vd)
    {
 
        rows = r;
        columns = c;
        hDist = hd;
        vDist = vd;
        lines = new ArrayList<Line2D.Double>();
        addMouseListener(new MouseAdapter(){
 
            public void mousePressed(MouseEvent mEvt)
            {
 
 
                // si le click est dans la grille:
                if (mEvt.getPoint().getX() <= (rows * hDist) &&
                     mEvt.getPoint().getY() <= (columns * vDist))
                {
                    start = mEvt.getPoint();
                    System.out.println("x = "+(int)start.getX() + " y = "+(int)start.getY());
                }
 
            }
 
 
 
 
            public void mouseReleased(MouseEvent mEvt)
            {
                if ((start != null) && (end != null))
                {
                    int sRow = (int)start.getX()/ hDist +1 ;
                    int sCol = (int)start.getY()/ vDist +1;
 
                    int sx =  (sRow * hDist) - (hDist / 2);
                    int sy =  (sCol * vDist) - (vDist / 2);
 
                    int eRow = (int)end.getX()/ hDist +1;
                    int eCol = (int)end.getY()/ vDist +1;
 
                    int ex =  (eRow * hDist) - (hDist / 2);
                    int ey =  (eCol * vDist) - (vDist / 2);
 
                    lines.add(new Line2D.Double(sx, sy, ex, ey));
 
                }
 
 
                start = null;
                end = null;
 
                start = null;
                end = null;
 
            }
 
 
 
        });
 
     addMouseMotionListener(new MouseMotionAdapter(){
 
 
             public void mouseDragged(MouseEvent mEvt)
            {
                if (mEvt.getPoint().getX() <= (rows * hDist) &&
                                     mEvt.getPoint().getY() <= (columns * vDist))
                {
                end = mEvt.getPoint();
                System.out.println("xm = "+end.getX() + " ym = "+end.getY());
                repaint();
                }
            }
 
 
         });
    }
 
    public void paintComponent(Graphics g)
    {
        super.paintComponent(g);
 
        Graphics2D g2D = (Graphics2D) g;
 
        // Affichage de toutes les lignes dessinées.
        for (Line2D.Double line : lines)
            g2D.draw(line);
 
        /* pour une meilleur lisibilité du code, on va séparer
         * le dessin des cellules du dessin des croix bien que
         * ces premieres ne qoient pas vraiment necessaires
         */
 
        /* Commençons par dessiner les lignes horizontales.
         * n'oublier pas que le point avec les coordonnées (0,0)
         * se situe au coin superieur gauche de la fenetre
         */
 
        /*for(int i = 1; i <= rows; i++)
        g2D.drawLine(0, i * vDist , columns * hDist, i * vDist );
        */
 
 
        /* dessiner les lignes verticales */
        /*for(int i = 1; i <= columns; i++)
        g2D.drawLine(i * hDist, 0,  i * hDist, columns * vDist );
 */
        /* Dessiner les croix:
         * chaque croix se situe au milieu d'une cellule
         */
 
         for(int i = 1; i <= rows; i++)
         {
             for (int j = 1; j <= columns; j++)
             {
                // une fois on est dans la cellule (i,j):
                // dessinons une petite ligne horizontale
 
                int x1 = (i * hDist) - ((hDist + LENGTH) /2);
                int y1 = (j * vDist) - (vDist / 2);
                int x2 = x1 + LENGTH;
                int y2 = y1;
 
                g2D.drawLine(x1, y1, x2, y2);
 
 
                // et une petite ligne verticale
 
                x1 = (i * hDist) - (hDist / 2);
                y1 = (j * vDist) - ((vDist + LENGTH) /2);
                x2 = x1;
                y2 = y1 + LENGTH;
 
                g2D.drawLine(x1, y1, x2, y2);
 
                // Dessinon la ligne que l'utlisateur construit
 
                if ((start != null) && (end != null))
                {
                    int sRow = (int)start.getX()/ hDist +1 ;
                    int sCol = (int)start.getY()/ vDist +1;
 
                    int sx =  (sRow * hDist) - (hDist / 2);
                    int sy =  (sCol * vDist) - (vDist / 2);
 
                    int eRow = (int)end.getX()/ hDist +1;
                    int eCol = (int)end.getY()/ vDist +1;
 
                    int ex =  (eRow * hDist) - (hDist / 2);
                    int ey =  (eCol * vDist) - (vDist / 2);
 
                    g2D.drawLine(sx, sy, ex, ey);
 
                }    
 
             }
 
         }
 
    }
 
}

Le code ci-dessus utilise la généricité, si tu travail sur eclipse et tu as une version de jdk supérieure à 1.4, vas sur : Project-> Properties-> Java Compiler, coches la case Enable project specific settings puis sélectionnes la version la plus récente du compilateur.
Meme chose à dire pour la ligne (utilisation de for each):

Code:

1
2
3
 
for (Line2D.Double line : lines)
            g2D.draw(line);

Si tu travailles avec une version au dessous de 1.5, supprimes la notation
<Line2D.Double> dans la déclaration et l'initialisation de ArrayList et substitues for each par une boucle for ordinaire:

Code:

1
2
3
4
5
6
 
for (int i = 0; i < lines.size(); i++)
{
       Line2D.Double line = (Line2D.Double)  lines.get(i);
        g2D.draw(line);
}

08/01/2008, 23h50
bouye

Petite astuce, d'apres le livre de Gfx, quand il s'agit de dessiner des lignes verticales et horizontales ayant des coordonnees entieres, mieux vaut pour optmiser les performances utiliser la primitive drawLine() de la classe Graphics plutot que des objets Shape (oui je sais j'aurais moi aussi tendance a abuser de Java2D mais dans ce cas j'aurais quand meme utilise Line2D.Float -ou une implementation maison fonctionnant avec des entiers- plutot que Line2D.Double).
09/01/2008, 15h09
Amine_sas

Citation:

Envoyé par bouye

Petite astuce, d'apres le livre de Gfx, quand il s'agit de dessiner des lignes verticales et horizontales ayant des coordonnees entieres, mieux vaut pour optmiser les performances utiliser la primitive drawLine() de la classe Graphics plutot que des objets Shape (oui je sais j'aurais moi aussi tendance a abuser de Java2D mais dans ce cas j'aurais quand meme utilise Line2D.Float -ou une implementation maison fonctionnant avec des entiers- plutot que Line2D.Double).

C'est ce qu'on a fait avec les croix, le lignes horizontales et verticales sont dessinées avec drawLine().
Le tableau ArrayList sert à stocker les lignes dessinées par l'utilisateur et qui n'ont rien à voir avec les croix.
Pour augmenter encore les performances, il convient mieux de dessiner les croix sur une BufferedImage une fois pour toutes (dans le constructeur par exemple) et éviter de recalculer leurs positions dans la méthode paintComponent() en se contentant d'appeler drawImage() chaque fois que repaint() est appelée.
09/01/2008, 16h19
nasriOM

Merci amine pour ta réponse,

Mais j'ai quelques classes de dessin vectorielles qui quand j'integre la grille ne sont plus utilisables,

Sans grille je peux dessiner des rectangles, carré, rond,
Avec la grille, ça ne marche plus, on ne voit rien...

Moi je ce que je veux developper c'est logiciel simple de dessin de rond, carré, et losange avec des fleches pour relier les objets dessinés afin de faire des organigramme simple.

Je vais tester ton nouveau code,

merci
09/01/2008, 16h37
nasriOM

Je suis pas fort en java, ça c'est sure...

J'aimerai comprendre quelques points, depuis que la grille est intégré dans mon application, je ne peux plus utiliser les fonctions de dessin classique:

comment faire pour que l'on puisse les réutiliser et bien sure respecter la grille,

faut il rajouter toutes les méthodes de dessin dans la classe Grille?,

l'architecture est pour l'instant ceci:
http://img231.imageshack.us/img231/2616/javahz3.jpg

Je sais pas trop quoi modifier pour que je puisse dessiner des formes directement sur la grille?

crdl
14/01/2008, 16h36
nasriOM

Auriez vous une idée à mon problème.

J'aimerai pouvoir afficher mes dessin vectoriels avec ma grille.
Faut-il placer des écouteurs dans la classe grille par rapport au bouton de choix de figures de mon interface?