Grille magnétique aimentée

**nasriOM** · 07/12/2007, 14h19

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,

**Alec6** · 07/12/2007, 16h37

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

**nasriOM** · 10/12/2007, 16h10

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

**Alec6** · 11/12/2007, 11h26

Commencez le layout manager dont je parlais; c'est la meilleur approche en java swing

**____22** · 12/12/2007, 14h22

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

**billynirvana** · 12/12/2007, 15h10

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

**nasriOM** · 12/12/2007, 17h18

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

**Alec6** · 13/12/2007, 09h27

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

**nasriOM** · 13/12/2007, 14h37

tu pourais me passer le lien de ton post stp

**nasriOM** · 13/12/2007, 15h43

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?

**Amine_sas** · 14/12/2007, 00h53

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

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

**nasriOM** · 14/12/2007, 09h38

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

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

par: addMouseMotionListener(new MouseMotionAdapter(){

**Amine_sas** · 14/12/2007, 15h15

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+.

**nasriOM** · 17/12/2007, 09h17

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?

**Amine_sas** · 17/12/2007, 12h42

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.

**Amine_sas** · 17/12/2007, 21h07

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 :

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

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

et dans la classe frame:

Code :

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

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 :

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

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 :

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
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 :

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

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

**nasriOM** · 19/12/2007, 15h07

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.

**nasriOM** · 03/01/2008, 16h03

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

**nasriOM** · 03/01/2008, 16h32

Envoyé par Amine_sas

et dans la classe frame:

Code :

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

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

En faite il ne reconnait pas getContentPane().add

**Amine_sas** · 03/01/2008, 17h27

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 ?

Grille magnétique aimentée

Interfaces Graphiques en Java

Discussions similaires

Partager

Partager