Swing + Applet

Version imprimable

Swing + Applet

Bonjour,

j´essaie tant bien que mal de développer une applet qui affiche dans une zone de dessin une map monde sur laquelle j´affiche des choses.

J´utilise un border layout et j´ai placé la zone de dessin en son centre.
j´ai crée aussi une barre d´outils avec un bouton pour le moment.
J´ai juste essayé de tester si je pouvais placer cette barre d´outils dans les parties nord et sud du layout mais ca ne marche pas correctement lorsque j´observe le résultat sur une page web !
Les boutons sont masquées et n´apparaissent que lorsque la souris passe dessus ! Le premier bouton (Nord) apparait superposé sur la zone de dessin. De plus, la zone de dessin ne parait pas centrée comme les boutons. :cry:

Source de l´applet :

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 java.awt.*;
import javax.swing.*;
 
 
public class EcotypeMap extends JApplet   {
 
	// Constantes de dimensions de l'applet
	private static int HAUTEUR = 550;
	private static int LARGEUR = 750;
 
	// Attributs
	private boolean mustStop;
	Image map;
	BarreOutils toolBar = new BarreOutils();
	ZoneMap screen;
 
	public void init() {
 
	setPreferredSize(new Dimension(LARGEUR,HAUTEUR));
 
	// Chargement de l'image de la MapMonde
	map = getImage(getCodeBase(),"map.gif");
 
	screen = new ZoneMap(map);
 
	// Placement des différentes parties de l'applet
	this.getContentPane().setLayout(new BorderLayout(2,2));
	this.getContentPane().add(toolBar,"North");
	this.getContentPane().add(screen,"Center");
	this.getContentPane().add(new BarreOutils(),"South");
 
	}
 
 
	public void paint(Graphics gc) {
 
		// Affichage de la MapMonde
	//	screen.afficheMap(gc);
 
	}

Code de la zone de dessin :

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
 
import java.awt.*;
import javax.swing.*;
 
public class ZoneMap extends JPanel {
 
 
	// Attributs de la classe
	private Image map;
	private int sizeX = 652, sizeY = 392;
 
	// Correspond aux longitude et latitude (valeurs réelles)
	private double xInf = -175 , yInf = -90;
	private double xSup =  +175 , ySup =  +90;
 
	public ZoneMap(){
 
		setBackground(Color.cyan);
 
	}
 
	public ZoneMap(Image map){
 
		// Image de la mapmonde
		this.map = map;
 
	}
 
	// Méthodes de la zone d'affichage
 
	// Méthodes pour la conversion des coordonnées cartographiques en pixels
	private int coordToPixX(double x) {
		return (int)(sizeX * (x-xInf)/(xSup-xInf));
	}
 
	private int coordToPixY(double y) {
		return sizeY-(int)(sizeY * (y-yInf)/(ySup-yInf));
	}
 
 
	// Affichage simple de la carte
	public void afficheMap(Graphics gc) {
 
		//Affichage de la mapmonde
		gc.drawImage(map,0,0,652,392,this);
 
	}

Code de la barre d´outils :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
import javax.swing.*;
 
public class BarreOutils extends JPanel {
 
	public BarreOutils(){
 
		JButton erase = new JButton("Erase"); 
		this.add(erase);
	}
 
 
}

En testant avec une fenetre classique (donc sans applet), l´affichage des boutons est correct donc que peut-il manquer ? :oops:

Merci d´avance. :)

premièrement dans ton code suivant:
Code:

1 2 3 4 5 6 // Placement des différentes parties de l'applet this.getContentPane().setLayout(new BorderLayout(2,2)); this.getContentPane().add(toolBar,"North"); this.getContentPane().add(screen,"Center"); this.getContentPane().add(new BarreOutils(),"South");
Tu as meilleurs temps d'utilisé les constantes dans la classe BorderLayout... ce qui va te donné:
Code:

1 2 3 4 5 6 // Placement des différentes parties de l'applet this.getContentPane().setLayout(new BorderLayout(2,2)); this.getContentPane().add(toolBar,BorderLayout.NORTH); this.getContentPane().add(screen,BorderLayout.CENTER); this.getContentPane().add(new BarreOutils(),BorderLayout.SOUTH);
deuxièmement, tu as redéfini la méthode paint (dans EcotypeMap) qui ne fait rien... donc normalement rien ne devrait s'afficher !!! essai de l'enlevé pour voir...

30/01/2006, 13h35
BARBIER

Désolé,

effectivement, la méthode paint ne semble rien faire ici mais c´est parce qu´au moment de faire mon copier-coller, j´ai supprimé des lignes mais le paint avec l´appel de la méthode afficheMap permet bien d´afficher la map monde !

Je ne vois pas trop là !

oki alors essai comme ça:

Code:

1
2
3
4
5
6
7
8
9
10
 
   public void paint(Graphics gc) { 
 
      // Permet de dessiner l'applet
      super.paint(gc);
 
      // Affichage de la MapMonde 
      screen.afficheMap(gc); 
 
   }

30/01/2006, 14h46
BARBIER

code]
super.paint(gc);
[/code]
invoque la méthode paint de sa super classe JApplet ?

En tout cas, rien ne se passe !

Je ne sais pas ce que j´ai bricolé mais la barre d´outils "South" ne s´affiche plus maintenant ! :x

Citation:

Envoyé par BARBIER

invoque la méthode paint de sa super classe JApplet ?

Oui

et est ce que ce code la tout seule fonctionne:

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
 
public class EcotypeMap extends JApplet   {
 
 
   public void init() {
 
 
	   // Chargement de l'image de la MapMonde
	   ImageIcon map = new ImageIcon(getImage(getCodeBase(),"map.gif"));
	   JLabel screen = new JLabel(map);
 
	   JButton erase = new JButton("Erase");
 
 
 
	   // Placement des différentes parties de l'applet
 
	   Container c = getContentPane();
	   c.setLayout(new BorderLayout(2,2));
 
	   c.add(erase, BorderLayout.NORTH);
	   c.add(screen,BorderLayout.CENTER);
	   c.add(erase, BorderLayout.SOUTH);
 
   }
}

Si oui, essai de te basé la dessus

30/01/2006, 15h30
BARBIER

Tout s'affiche sauf le boution erase "North" !

C'est quand même bizarre cette histoire ! Est-ce que BorderLayout fait mauvais ménage, dans ce cas, avec les applets ?

Citation:

Envoyé par BARBIER

Tout s'affiche sauf le boution erase "North" !

C'est quand même bizarre cette histoire ! Est-ce que BorderLayout fait mauvais ménage, dans ce cas, avec les applets ?

Ha ouais c'est normal... en faite tu peux pas mettre le meme objet dans un meme panel...

essai comme ca:

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
 
public class EcotypeMap extends JApplet   { 
 
 
   public void init() { 
 
 
      // Chargement de l'image de la MapMonde 
      ImageIcon map = new ImageIcon(getImage(getCodeBase(),"map.gif")); 
      JLabel screen = new JLabel(map); 
 
      JButton erase1 = new JButton("Erase"); 
      JButton erase2 = new JButton("Erase"); 
 
 
 
      // Placement des différentes parties de l'applet 
 
      Container c = getContentPane(); 
      c.setLayout(new BorderLayout(2,2)); 
 
      c.add(erase1, BorderLayout.NORTH); 
      c.add(screen,BorderLayout.CENTER); 
      c.add(erase2, BorderLayout.SOUTH); 
 
   } 
}

30/01/2006, 16h10
BARBIER

Et non, ça ne change rien ! :oops:
30/01/2006, 17h57
BARBIER

Mais si, en fin de compte, ça marche : c'est mon navigateur qui ne faisait pas les mises à jours de mes changements ! :oops:

Par contre, en faisant comme tu fais avec un JLabel pour ma carte, je ne peux plus y afficher mes entrées comme dans ma zone de dessin initiale.

Réussir à pouvoir coller tout (Zone de dessin -> JPanel + les reste) dans la même applet doit bien être faisable.

Ca m'énerve de devoir chercher un truc qui parait si basique ! :x
30/01/2006, 18h31
soad

Citation:

Envoyé par BARBIER

Par contre, en faisant comme tu fais avec un JLabel pour ma carte, je ne peux plus y afficher mes entrées comme dans ma zone de dessin initiale.

Je vois pas trop ce que tu veux dire là... ???

Mais tu n'es pas obliger d'utilisé un JLabel... tu peux essayer d'adapter les codes pour faire ce que tu veux...
31/01/2006, 09h42
BARBIER

Ce que je veux dire, c'est que si je voulais juste afficher une image, ça irait mais je veux non seulement en afficher une et ensuite dessiner dessus des points particuliers propres à des coordonnées géographiques.

C'est pour ça que je ne vois pas comment faire autrement que ce que j'avais commencé à faire. :cry:

ha oki...

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
 
public class EcotypeMap extends JApplet   { 
 
 
   public void init() { 
 
 
      // Chargement de l'image de la MapMonde 
      Image map = getImage(getCodeBase(),"map.gif"); 
      ZoneMap screen = new ZoneMap(map);
 
      JButton erase1 = new JButton("Erase"); 
      JButton erase2 = new JButton("Erase"); 
 
 
 
      // Placement des différentes parties de l'applet 
 
      Container c = getContentPane(); 
      c.setLayout(new BorderLayout(2,2)); 
 
      c.add(erase1, BorderLayout.NORTH); 
      c.add(screen, BorderLayout.CENTER); 
      c.add(erase2, BorderLayout.SOUTH); 
 
   } 
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
public class ZoneMap extends JPanel {
 
    private Image map;
 
    public ZoneMap(Image map){
        this.map=map;
    }
 
    public void paint(Graphics g) {
 
        super.paint(g);
        g.drawImage(map, 0, 0, this) 
 
        // ici dessine tes points
 
    }
}

31/01/2006, 10h39
BARBIER

Merci de ta réponse !

Je n'ai jamais réellement pigé cette histoire de méthode paint et de contexte graphique ! On peut donc réécrire la méthode paint au sein d'un JPanel que l'on va afficher dans une frame ou applet donc sans la réécrire dans la classe principale ? :oops:

Je vais tester et te tenir au courant :wink:

Remplace :

Code:

1
2
 
public void paint(Graphics gc) {

par :

Code:

1
2
 
public void paintComponent(Graphics gc) {

31/01/2006, 11h04
soad

Citation:

Envoyé par BARBIER

Je n'ai jamais réellement pigé cette histoire de méthode paint et de contexte graphique ! On peut donc réécrire la méthode paint au sein d'un JPanel que l'on va afficher dans une frame ou applet donc sans la réécrire dans la classe principale ? :oops:

Oui

Et Gfx a raison, remplace paint par paintComponent, c'est du swing :wink:
01/02/2006, 11h44
BARBIER

J´ai testé et désolé pour la lenteur de ma réponse !

Ca marche ! :D

Ne reste plus qu´un problème : l´image n´est pas centrée dans le cadre de l´applet en comparaison avec les 2 autres composants ! Elle est alignée à gauche. J´ai essayé de mettre pour voir des JLabel de chaque coté (Ouest et Est) mais ca ne change rien !

En remplacant paint par paintComponent, plus rien ne s´affiche ! :(

Avec un simple petit calcule tu peux centrer ton image

un truc du genre....
A voir si ca marche...j'ai pas testé...

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
 
public class ZoneMap extends JPanel { 
 
    private Image map; 
 
    // Largeur et hauteur de ton image
    private int largeurMap = xxx;
    private int hauteurMap = yyy;
 
 
 
    public ZoneMap(Image map){ 
        this.map=map; 
    } 
 
    public void paint(Graphics g) { 
 
        super.paint(g); 
 
 
        Dimension d = getSize();
        int largeurPanel = d.getWidth();
        int hauteurPanel = d.getHeight();
 
 
        int posX = (largeurPanel - largeurMap) / 2;
        int posY = (hauteurPanel - hauteurMap) / 2;
 
 
        if(posX < 0) posX = 0;
        if(posY < 0) posY = 0;
 
        g.drawImage(map, posX, posY, this) 
 
        // ici dessine tes points 
 
    } 
}

N'oublie pas de positionnier tes points correctements par rapport à la position de l'image ensuite...

:wink:

03/02/2006, 16h35
BARBIER

Merci à toi !

Avec un peu de manips, ça marche impeccable : je vais enfin pouvoir attaquer les choses plus sérieuses !
:D