Drag and Drop ( Exemple simple )

Bonjour ,

Avez vous des tutoriels ou un code simple qui permet de deraguer un objet sur une Image . ( Sachant que l'objet source ne doit pas remplacer l'objet déstinaire ) c'est à dire , j'aurais a la fin de mon "drag and drop " , l'objet sur l'image .

Merci !

Je pense qu'il nous faudrait un peu plus d'informations pour te répondre.
Ton Image est affiché dans quoi ? Où récupérées-tu ton objet ?
As-tu déjà une ébauche de code où doit aller ce D&D ?

Cordialement,
Patrick Kolodziejczyk

1 pièce(s) jointe(s)

Citation:

Envoyé par kolodz

Je pense qu'il nous faudrait un peu plus d'informations pour te répondre.
Ton Image est affiché dans quoi ? Où récupérées-tu ton objet ?
As-tu déjà une ébauche de code où doit aller ce D&D ?

Cordialement,
Patrick Kolodziejczyk

Bonjour ,

Voila une image de ce que je voudrais faire .

L'image se trouve dans un JPanel . et le Button se trouve dans une JToolbar , je voudrais faire un DragNDrop comme sur le logiciel ArgoUML .

Cordialement .

slt,
Tu doit mettre ton image sur un composant jlabel grace a la methode setIcon (ImageIcon), en suite, rajoute un mouselistener a ton jlabel, tu doit ré-implémenter la methode mousedragged. A l'interieur de cette methode, tu doit modifier la position de ton jlabel en utilisant les methodes setAllignementX (float x), setAllignementY (float y), en fonction de la nouvelle position de la souris, ce qui va donner un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 monjlabel.addMouseListener (new MouseAdapter (){ public void mouseDragged(MouseEvent e) { modifier_pos (Integer.ValueOf (e.getX ()).floatValue (), Integer.ValueOf (e.getY ()).floatValue ()); } }); private void modifier_pos (float x, float y) { monjlabel.setAllignementX (x); monjlabel.setAllignementY (y); }
;)

Merci mais cela ne répond pas a mon probleme :)

Bonjour ,

Est ce que vous avez un exemple concret de ce que je voudrais faire ? :)

slt,
Si j'ai bien compris tas ton probleme, tu veut faire des dessins, le rajout d'une form (le S par exemple) se fait en cliquant sur le bouton, puis sur l'espace de dessin, donc, de preference, tu doit crée une classe fille (deivée) a la classe jpanel, en suite reimplementer la methode paint (Graphics), dans la quelle tu dessine tes forms, voici un exemple que j'espere pourra t'aidé (dessin d'une ligne):
Code:

1 2 3 4 5 6 7 8 9 10 public class ligne extends JPanel { public ligne (int x, int j/*position du clique souris*/) { this.setBounds (x, y, largeur, hauteur); } public void paint (Graphics g) {//paint g.setColor (Color.BLACK); g.drawline (0, 0, 20, 20); //g.drawline (xPremierPoint, yPremierPoint, xDeuxiemePoint, yDeuxiemePoint); }//paint }
Ensuite, tu doit produire des objets de type ligne, et les rajoutés a ton JPanel, ou a ton JFrame dans le cas d'un clique de la souris, comme suite :
Code:

1 2 3 4 5 myjpanel.addMouseListener(new MouseAdapter() { public void mouseClicked(MouseEvent e) { new ligne (e.getX (), e.getY ()); } });
Je pense que j'ai bien repondu a tas question, sinon, si cela ne resous pas ton probleme, Essaye de nous donner plus de details sur ton probleme, et on vera se qu'on peut faire .
;)

Merci pour ta réponse ,

Mais je voudrais , faire un glisser-deplacer sur la MAP du bouton S . Le résultat attendu est d'avoir le bouton " S" sur l'Image :) .

;)

Pour etre plus précis , c'est de creer des objet boutton dynamiquement et les faire glisser sur la partie Image de mon IHM .
Code:

1 2 3 4 5 6 7 8 9 JButton btn[] = new JButton[100] ; public void permformed() { int cpt = 0 ; // je dois avoir une incrementation a chaque clique pour avoir des indice different btn[cpt] = new btn("s") ; }
aprés la création du button , je ferai un Drag N Drop sur mon image . et cela , je ne sais pas le gérer !
A la fin , j'aurai une map , avec plein de bouton de type "S" , que je peux paramétrer séparement , ou bien a la bien du Button , je copie que l'icone du bouton ou le label du bouton .

;)

slt,
Pour ca, tu peut detecter le premier clique du maintien du bouton de la souris sur ton objet grace a mousePressed, ensuite le relachement du bouton de la souris grace a mouseReleased, si l'emplacement ou se fait le relachement du bouton de la souris se trouve a l'interieur de ton image, tu rajoute ton bouton, sinon, tu ne fait rien .
Pour sauvegarder les références vers tes JButton, tu ferai mieux d'utiliser un ArrayList, au lieu d'un Button [], car avec un tableau ordinaire (JButton []), le nombre des JButton reste limité par le nombre de l'initilisation, exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ArrayList <JButton> tab = new ArayList <JButton> (); myjbouton..addMouseListener (new MouseAdapter() { public void mousePressed(MouseEvent e) { System.out.println ("Bouton cliquer et maintenu"); } public void mouseReleased(MouseEvent e){ if (position_relachement_valide (e.getX (), e.getY ())){ Button b = new JButton (); b.setBounds (nouvelle_position (e.getX ()), nouvelle_position (e.getY ()), 20, 20); myjpanel.add (b); tab.add (b); } } });
REMARQUE : Le e.getX (), e.getY () serons en fonction de la position de ton objet sur le quel s'est fait le drag N drop .
Pour recuperer un objet du tableau tab (Une reference), tu peut utiliser la méthode get (int index_ds_la tableau) .
S'il y a d'autre questions, ou des suggestions, n'esite pas.
a+ ;) .

Citation:
Envoyé par mohamine1989
slt,
Pour ca, tu peut detecter le premier clique du maintien du bouton de la souris sur ton objet grace a mousePressed, ensuite le relachement du bouton de la souris grace a mouseReleased, si l'emplacement ou se fait le relachement du bouton de la souris se trouve a l'interieur de ton image, tu rajoute ton bouton, sinon, tu ne fait rien .
Pour sauvegarder les références vers tes JButton, tu ferai mieux d'utiliser un ArrayList, au lieu d'un Button [], car avec un tableau ordinaire (JButton []), le nombre des JButton reste limité par le nombre de l'initilisation, exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ArrayList <JButton> tab = new ArayList <JButton> (); myjbouton..addMouseListener (new MouseAdapter() { public void mousePressed(MouseEvent e) { System.out.println ("Bouton cliquer et maintenu"); } public void mouseReleased(MouseEvent e){ if (position_relachement_valide (e.getX (), e.getY ())){ Button b = new JButton (); b.setBounds (nouvelle_position (e.getX ()), nouvelle_position (e.getY ()), 20, 20); myjpanel.add (b); tab.add (b); } } });
REMARQUE : Le e.getX (), e.getY () serons en fonction de la position de ton objet sur le quel s'est fait le drag N drop .
Pour recuperer un objet du tableau tab (Une reference), tu peut utiliser la méthode get (int index_ds_la tableau) .
S'il y a d'autre questions, ou des suggestions, n'esite pas.
a+ ;) .
Merci pour les explications , je ne sais pas si tu l'as testé chez toi , mais chez moi avec les adaptations ( j'ai ajouté ton code dans une class ) que j'ai fait , ça ne marche pas . Je pense que c'est un peu plus complexe et qu'il faut utiliser , le "TransferHandler " . :roll:

1 pièce(s) jointe(s)

Non, je suppose que t'as du faire des erreurs de manipulation, ca marche trés bien chez moi, essaye ca, et voix ce que tu peut en tirer . Pièce jointe 98517Tu l'extrait directement sur ton repertoire de travail de ton netbeans, ou sous eclipse, et voix ce que tu peut en tirer .

Citation:

Envoyé par mohamine1989

Non, je suppose que t'as du faire des erreurs de manipulation, ca marche trés bien chez moi, essaye ca, et voix ce que tu peut en tirer . Pièce jointe 98517Tu l'extrait directement sur ton repertoire de travail de ton netbeans, ou sous eclipse, et voix ce que tu peut en tirer .

Merci beaucoup , là ça marche , Est ce que c'est possiblie de récupérer l'indice du bouton crée , genre Button [indice ]*. et Est ce que je peux supprimer / modifier (Position ) le boutton .

Si tu veut récupérer le bouton a l'indice 'indice' de la table, il existe la méthode get (indice), pour connaitre le nombre d'elements de la table, table.size (), et pour parcourir la table tu peut faire ca :
Code:

1 2 3 JButton b; for (int i = 0; i < tab.size (); i++) b = tab.get(i);
Et enfin, pour modifier la position d'un JButton, il faut mettre myjbutton.setLocation (int x, int y) .
A+ ;) .

Citation:
Envoyé par mohamine1989
Si tu veut récupérer le bouton a l'indice 'indice' de la table, il existe la méthode get (indice), pour connaitre le nombre d'elements de la table, table.size (), et pour parcourir la table tu peut faire ca :
Code:

1 2 3 JButton b; for (int i = 0; i < tab.size (); i++) b = tab.get(i);
Et enfin, pour modifier la position d'un JButton, il faut mettre myjbutton.setLocation (int x, int y) .
A+ ;) .
Excellent , merci , je vais tester cela ;)
Sinon , pour faire une suppression d'un bouton ? ,

;)

Pour supprimer un bouton du jframe, ou du jpanel :

Code:

1
2
3
4
myjpanel.remove (b);  //Le bouton ne sera plus affiché
tab.remove (b);    //Supprimer la reference vers le bouton de la table
b = null;   //Libérer l'espace memoire (RAM ou HDD en cas de pagination).
myjframe.repaint (); //Actualiser l'affichage

S'il y a d'autre questions, n'esite pas, A+ ;) .

Bonjour ,

Voila j'ai essayé de reprendre le code , mais je pense que mon cas , est un peu complexe , vu que j'ai " jpanel.setLayout(new BorderLayout());" , du coup j'ai mis une toolbar dans la partie "North " et ma map dans la partie "Center " sachant que ma Map , est une class qui hérite d'un JPanel avec un Layout (null ) . Donc ,j'ai essayé de d'appliquer le code sans succés , autre chose , j'ai trouvé la class TransferHandler , une class qui permet de faire des dragNDrop mais je n'ai pas d'exemple concret .

Tu n'as qu'a mettre

Code:

jpanel.setLayout (null);

et ça sera réglé, tu pourra par la suite positionner, repositionner, dimensionner, et redimensionner t'es objets a volonté avec les méthodes setBounds (int x, int y, int widht, int heigth), setLocation (int x, int y), ou encore setSize (int widht, int heigth),et surtout, n'oublie pas, S'il y a des suggestions, je suis preneur.
A+ ;) .