Ajouter des objets sur une Map (image)

Version imprimable

Salut a tous ,

Bon voila , j'ai créer un Class qui permet d'ajouter une "map" et qui fait des Zoom sur l'image ajoutée : voici le code :

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
 
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.MediaTracker;
import java.awt.Panel;
import java.awt.Toolkit;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
 
class JImagePanel extends Panel{
	/**
         * 
         */
	private static final long serialVersionUID = 5375994938523354306L;
	private  MediaTracker tracker;
	private Image img;
	private Dimension imgSize,iniSize;
	private int zoom = 0 ;
	private int	MouseX;
	private int	MouseY;
	int transX=0;
	int transY=0;
 
	public JImagePanel(String file){
		//setSize(100,200);
		img=Toolkit.getDefaultToolkit().getImage(file);
	setLayout(null);
		tracker=new MediaTracker(this);
 
		tracker.addImage(img,0);
 
 
 
 
		addMouseListener(new MouseAdapter() {
			@Override
			public void mousePressed(MouseEvent e) {
				MouseX = e.getX();
				MouseY = e.getY();
			}
		});
 
		addMouseMotionListener(new MouseMotionAdapter() {
			@Override
			public void mouseDragged(MouseEvent e) {
				transX += e.getX()-MouseX;
				transY += e.getY()-MouseY;
				MouseX = e.getX();
				MouseY = e.getY();
 
				repaint();
			}
		});
 
		try{
			tracker.waitForAll();
		}
		catch(Exception ie){}
		imgSize=iniSize=new Dimension(img.getWidth(this),img.getHeight(this));
	}
 
 
	public Dimension getPreferredSize(){
		return new Dimension(imgSize);
	}
 
	public void paint(Graphics g){
		super.paint(g);
		if(imgSize.width<=iniSize.width) {
			imgSize=iniSize; 
		}
 
		g.drawImage(this.img, (getWidth()-imgSize.width)/2+transX, (getHeight()-imgSize.height)/2+transY, imgSize.width,imgSize.height,this);
 
 
 
	}
	public void zoomIn(){
		int x=10*imgSize.width/100; 
		int y=10*imgSize.height/100;
		imgSize=new Dimension(imgSize.width+x,imgSize.height+y); 
		if(imgSize.width>iniSize.width){
			setSize(imgSize);
			getParent().doLayout();
		}
		repaint();
	}
	public void zoomOut(){
		int x=10*imgSize.width/100;
		int y=10*imgSize.height/100;
		imgSize=new Dimension(imgSize.width-x,imgSize.height-y);
		if(getWidth()>iniSize.width)
		{
			setSize(imgSize);
			getParent().doLayout();
 
		}
		repaint();
 
	}
 
	public int getZoom() {
		return zoom;
	}
 
	public void setZoom(int zoom) {
		this.zoom = zoom;
	}
 
 
 
}

Aprés cela , j'ai créer une class " myObjet " :

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
 
 
import java.awt.BorderLayout;
 
import javax.swing.ImageIcon;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
 
 
public class myObjet extends JPanel {
 
	JLabel lblName,lblAct,lblSeuil ;
	JPanel panelObjet;
 
	public myObjet(String NameObjet ,double activite  )
	{
		ImageIcon img = createImageIcon("images/Source.png");
		lblName = new JLabel(img);
		lblAct = new JLabel(String.valueOf(activite));
		panelObjet = new JPanel();
		panelObjet.setToolTipText(NameObjet);
		panelObjet.setLayout(new BorderLayout());
		panelObjet.add("North",lblName);
		panelObjet.add("South",lblAct);
	   add(panelObjet);
	   isOpaque();
 
 
	}
 
	public ImageIcon createImageIcon(String path) {
		java.net.URL imgURL = getClass().getResource(path);
		if (imgURL != null) {
			return new ImageIcon(imgURL);
		} else {
			JOptionPane.showMessageDialog(null, "Cette image n'existe pas : " + path, "Erreur", JOptionPane.ERROR_MESSAGE);
			//  System.err.println("L'image n'est pas dans : " + path);
			return null;
		}
	}
	public boolean isOpaque()
	{
		return true ; 
	}
}

Je voudrais maitenant ajouter cette objet sur la map ( je n'ai pas su le faire ) , j'ai essayé d'ajouter l'objet , en spécifiant les coordonnées mais comme , l'objet est dissocié de la map , l'objet disparait au moment ou je fait une action sur la map .

Pourriez m'aider a résolver ce probleme : ) ? .

Merci !.

Bonjour ,

Voila j'ai modifié ma class myObjet ,
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import java.awt.BorderLayout; import java.awt.Dimension; import java.awt.Graphics; import javax.swing.ImageIcon; import javax.swing.JLabel; import javax.swing.JOptionPane; import javax.swing.JPanel; public class myObjet extends JImagePanel { JLabel lblName,lblAct,lblSeuil ; JPanel panelObjet; public myObjet(String a ) { super(a); }
Cela ma permet de résoudre un probleme c'est que maintenant je peux afficher mes objet sur ma map , mais le probleme , lorsque je translate ma map , l'objet est fixe . Comment faire pour résoudre ce probleme .
Merci

10/07/2012, 14h40
Eausport

1 pièce(s) jointe(s)

Re ,

Ci-joint : un schéma qui explique mon probleme .

Merci a vous .
10/07/2012, 14h48
wax78

Citation:

Envoyé par Eausport

mais le probleme , lorsque je translate ma map , l'objet est fixe . Comment faire pour résoudre ce probleme .
Merci

Bah faut translater l'objet ...
10/07/2012, 14h56
Eausport

Lorsque je translate l'image , l'objet n'est pas translater , et je veux que l'objet se translate au moment ou je translate mon image . ( je n'ai pas su le faire ! ) . ;)
10/07/2012, 23h00
mohamine1989

Slt,
J'aimerai juste savoir, c'est quoi transleter un objet .
A+ ;) .
11/07/2012, 00h00
Eausport

Même , j'ai appliqué un Héritage sur ma mon objet ( qui hérite de la class map ) , l'objet reste fixe sur le JPanel de la Map , alors que je veux avoir une translation totale ( objet + map ) .
11/07/2012, 09h51
Eausport

1 pièce(s) jointe(s)

Bonjour , voila le code avec explication

Merci .
11/07/2012, 10h53
wax78

Citation:

Envoyé par mohamine1989

Slt,
J'aimerai juste savoir, c'est quoi transleter un objet .
A+ ;) .

http://fr.wikipedia.org/wiki/Translation_(géométrie)
11/07/2012, 13h33
Eausport

Avez - vous des idées ?
11/07/2012, 23h58
mohamine1989

1 pièce(s) jointe(s)

slt,
J'ai essaye de modifier ton code, j'ai mis setLayout (null) au lieu de setLayout (new BorderLayout()), ca marche bien, mais il y a un decalage quand on apporte une modification sur la taille de la fenetre .
J'ai aussi modifier La class JImagePanel, j'ai opté pour la class ImageIcon, au lieu de Image, j'ai mis l'image sur un JLabel, et j'ai modifié le rajout des nouveau objets crées, il serons automatiquement rajouter sur le JLabel que j'ai crée, Voici le code après modification, a toi de voir ce que tu peut en tirer Pièce jointe 98858 .
Sil y a d'autre questions, n'esite pas ;) .
12/07/2012, 09h42
Eausport

Merci pour ce travail mais le but de cet exemple est de laisser les translations et ajouter les objets , c'est a dire lorsque je translate l'image , j'aurai aussi les objets qui suivent . Là , dans ton exemple , j'ajoute des objets sur une image statique . J'ai mis exprés un BoderLayout , parceque toute la difficulté est d'essayer de trouver une solution avec ces contraintes .
Je te remercie pour ton aide , je viens d'avoir une petite idée , je te tiendrai au courant . Si tu as des solutions dans ce contexte ( on laisse les translations et le Layout ), je suis preneur :) :ccool:
12/07/2012, 23h45
Eausport

Solutions ?

Des Solutions ??, ???
13/07/2012, 01h00
mohamine1989

Bonjour,
Pardonne moi si je suis top persistant, ou si je tient a imposé mon avis, mais je pense que pour ton MAP (JPanel), il est préférable de ne peut mettre de Layout (setLayout (null)), par contre pour la fenêtre, je suis d'accord, ça vas conservé une certaine flexibilité dans l'affichage .
Mes excuses, mais c'est juste pour te donner une idée .
S'il y a d'autre suggestions, je suis preneur .
A + ;) .
13/07/2012, 10h04
Eausport

Oui , tout a fait d'accord de mettre un setLayout(null) dans la JImagePanel pour pouvoir positionner les Objets dessus plus facilement . Mais aprés cela , cette JImagePanel , sera mise dans une BorderLayout ( c'est mon archtecture globale ) , ce que j'ai mis en piece Jointe n'est qu'une illustration de ce que je voulais faire , mais dans l'application que je suis entrain de developper , il y a toute une organisation de Layout derrier : ) .
Je laisse le sujet ouvert , et je vais essayer de voir cela ce Week End .:ccool:
14/07/2012, 00h10
mohamine1989

Re-bonjour, C'est toujours moi .
Je te propose comme solution de mettre ton architecture globale comme suite, c'est a dire, comme je l'ai mis dans le projet que j'ai modifié, et que je t'ai envoyé :
1 - Crée une JFrame avec setLayout (new BorderLayout ()) (Ou bien ne rien mettre, il sera consederé ainssi par l'IDE par default).
2 -Ajouter un JPanel avec un setLayout (new BorderLayout ()) a ton JFrame en lui ajoutant tas JToolbar (add ("North", myjtoolbar)) et un JLabel (add (myjlabel)) avec (setLayout (null)), dans le quel que vas charger l'image (setIcon (myimageicon)), et le rajout des objets se fait pour ton JLabel en fonction de la position ou le bouton de la souris a été relâché .
Je te propose de mettre setLayout (null), car je voix mal comment tu pourrais rajouter des objets avec setLayout (new BorderLayout ()), dans ce cas, les objets serons ajoutés automatiquement, a une position que tu ne peut anticipée, or, a ce que j'ai compris, tu veut rajouter les objets en fonction du relâchement du bouton de la souris, de plus, tu aimerai pouvoir les déplacées après leurs insertions, ce que j'ai du mal a imaginé avec un BoderLayout sur ton jlabel .
Remarques : N’oublie surtout pas de mettre a ton JFrame

Code:

this.setDefaultCloseOperation (DISPOSE_ON_CLOSE);

pour liberer les ressources réservées au thread créer au lancement de ton programme, après fermeture de tas fenêtre .
Il est préférable de sauver les références de type JButton dans un ArrayList <JButton>, au lieu de JButton [], pour les raisons que j'ai déjà évoqué .
Prière de me tenir au courant de l’évolution de ton projet .
S'il y a d'autre questions, je suis preneur .
A + ;) .
15/07/2012, 17h15
Eausport

Citation:

Envoyé par mohamine1989

Re-bonjour, C'est toujours moi .
Je te propose comme solution de mettre ton architecture globale comme suite, c'est a dire, comme je l'ai mis dans le projet que j'ai modifié, et que je t'ai envoyé :
1 - Crée une JFrame avec setLayout (new BorderLayout ()) (Ou bien ne rien mettre, il sera consederé ainssi par l'IDE par default).
2 -Ajouter un JPanel avec un setLayout (new BorderLayout ()) a ton JFrame en lui ajoutant tas JToolbar (add ("North", myjtoolbar)) et un JLabel (add (myjlabel)) avec (setLayout (null)), dans le quel que vas charger l'image (setIcon (myimageicon)), et le rajout des objets se fait pour ton JLabel en fonction de la position ou le bouton de la souris a été relâché .
Je te propose de mettre setLayout (null), car je voix mal comment tu pourrais rajouter des objets avec setLayout (new BorderLayout ()), dans ce cas, les objets serons ajoutés automatiquement, a une position que tu ne peut anticipée, or, a ce que j'ai compris, tu veut rajouter les objets en fonction du relâchement du bouton de la souris, de plus, tu aimerai pouvoir les déplacées après leurs insertions, ce que j'ai du mal a imaginé avec un BoderLayout sur ton jlabel .
Remarques : N’oublie surtout pas de mettre a ton JFrame

Code:

this.setDefaultCloseOperation (DISPOSE_ON_CLOSE);

pour liberer les ressources réservées au thread créer au lancement de ton programme, après fermeture de tas fenêtre .
Il est préférable de sauver les références de type JButton dans un ArrayList <JButton>, au lieu de JButton [], pour les raisons que j'ai déjà évoqué .
Prière de me tenir au courant de l’évolution de ton projet .
S'il y a d'autre questions, je suis preneur .
A + ;) .

Oui , je suis tout a fait d'accord , avec un setLayout ( null ) , mais maintenant , le probleme qui persiste c'est comment ajouter des objets sur une image , sachant que mon image n'est pas statique , c'est a dire , je peux la translater et que mes objets se translatent aussi ?? . ;)
15/07/2012, 23h38
mohamine1989

Pour régler ce problème, c'est simple, l'image que tu vas rajouter doit être dans un jlabel, et le rajout des images doit être sur le jlabel, tous ça en conservant la référence vers ton image, et les références de tous les objets que tu vas crées .
En cas de non compréhension, tous ce que je vient de t'expliquer figure dans le projet que j'ai modifié, et que je t’ai envoyé, tu peut y jeter un coup deuil .
A+ ;) .
16/07/2012, 11h10
Eausport

Citation:

Envoyé par mohamine1989

Pour régler ce problème, c'est simple, l'image que tu vas rajouter doit être dans un jlabel, et le rajout des images doit être sur le jlabel, tous ça en conservant la référence vers ton image, et les références de tous les objets que tu vas crées .
En cas de non compréhension, tous ce que je vient de t'expliquer figure dans le projet que j'ai modifié, et que je t’ai envoyé, tu peut y jeter un coup deuil .
A+ ;) .

Non , l'image est figée et moi je voudrais que l'image bouge . Avec un JLabel , je ne peux pas faire bouger l'image :)
Merci pour ton aide .
16/07/2012, 13h16
mohamine1989

Pour ça, tu n'as qu'a faire bouger le jlabel, avec la méthode setLocation (int x, int y), et faire un repaint () sur ton jframe pour actualiser l'affichage .
S'il y a autre chose, n'esite pas .
A+ ;) .
16/07/2012, 14h01
Eausport

Oui mais ça ne marche pas ! .
L'objectif est d'ajouter un objet (composé de 2 JLabel dans un JPanel ) sur une Image . Mon objet n'est pas qu'une JLabel Simple et mon Image contient un Zoom et elle se translate aussi . Donc , la problématique est là .

Merci .
16/07/2012, 22h47
mohamine1989

J'ai vérifié, l'objet est de type JPanel, donc en déplaçant le JPanel (modifier ça position), son contenu lui aussi changera de position, et restera relier a ce même objet .
Pour l'image, tu n'as qu'a la mettre dans un JLabel, en deplacant le JLabel, elle sera aussi déplacée .
A la fin de chaque modification, n'oubli pas de faire repaint () sur ton jframe pour rafraichir l'affichage .
A+ ;) :ccool: .
16/07/2012, 23h31
Eausport

Oui mais le JPanel de l'objet sera mis sur le JPanel de l'image ( même si elle est mise dans une JLabel) . lorsqu'elle sera deplacée , les objets resteront fixe .
Est ce que tu as testé ? ou pas ?

;)
17/07/2012, 22h48
mohamine1989

J'ai essayé, ça marche très bien, t'as probablement une erreur quelque part, mais rien de méchant a mon avis .
Revérifie ton code, tu vas trouver l'erreur, j' y en suis sur .
Si ça plante encore, n'esite pas .
A+ ;) .
17/07/2012, 23h55
Eausport

Là , je teste un truc avec la class TranferHandler , l'avantage est de déplacer un objet d'une source a une destination précise ( récipient de données ) .
Pour ce qui concerne la translation du label , je n'ai pas encore testé mais je n'ai pas beaucoup de temps ( j'ai des échéances à respecter d’où mes questions sur le forum ) .

A +
18/07/2012, 01h07
mohamine1989

Ok, tient moi au courant de la progression de ton projet, et de la class TranferHandler .
Bonne chance .
A+ ;) :ccool: .
24/07/2012, 14h01
Eausport

Salut ,

Voila ,je viens de me replonger dans ma class JImagePanel ,
J'ai ajouté l'image dans un JLabel , et j'ai appliqué les translations , donc lorsque je rajoute un objet et je translate l'objet suit la map , objectif pseudo-atteint , car :
1/- le Zoom n'est plus applicable sur le JLabel comme j'avais avant ;
2/- Les objets se translatent avec la image mais quand tu effectues une translation et tu ajoutes un objet a un endroit précis de la map , il s'affiche hors contexte .
04/08/2012, 12h00
Eausport

J'ai résolu le problème , je suis passé par un JLabel , j'ai mis la map en setIcon , ensuite pour appliquer les zoom , j'ai fait getImage et j'ai récupéré la methode drawImage en utilisant Graphics2D au lieu de Graphics dans la methode paintComponent() .
TransformeAffine et scale m’étaient d'une grande utilité .
Merci a tous .