[JPanel] Image qui ne s'affiche pas

Version imprimable

Bonjour,
Je souhaite créer un premier jpanel, qui contient deux autre jpanels : à gauche, une image, et à droite un texte (un décompte, peu importe).

Voilà ce que j'ai fais :

Ma fenêtre principale :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
public Window() {
		this.setTitle("My awesome window !!!");
		this.setSize(400, 500);
		this.setLocationRelativeTo(null);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		lCountdown = new JLabel("Ceci est un compte à rebour");
 
		p = new Panneau("terning1.png");
 
 
		container = new JPanel();
		container.add(p, BorderLayout.WEST);
		container.add(lCountdown);
 
		this.setContentPane(container);
		this.setVisible(true);
	}

Ma classe panneau (l'image) :

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
 
public class Panneau extends JPanel {
 
	private String image;
	private JPanel pan;
 
	public Panneau(String image) {
		super();
		this.image = image;
	}
 
	@Override
	protected void paintComponent(Graphics g) {
		// TODO Auto-generated method stub
		Image img;
		try {
			img = ImageIO.read(new File("images/"+image));
			g.drawImage(img, 0, 0, this);
 
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}     
	}	
}

Notez que la classe panneau fonctionne, puisque si dans ma Window je mets directement

Code:

this.setContentPane(p);

, l'image s'affiche bien.

Pourriez-vous m'aider s'il vous plait?

Merci :)

il y avait plusieurs petits soucis dans ton code :

- tu utilisais BorderLayout.WEST pour container alors que tu n'avais pas défini le layout de container

- java ne connait pas la taille preferentielle de Panneau tu dois lui definir avec setPreferredSize

-il faut mettre le moins de choses possible dans paintComponent

Voici le nouveau code pour Panneau :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
import javax.swing.*;
import java.awt.*;
import java.io.*;
import javax.imageio.*;
 
public class Panneau extends JPanel {
 
	private String image;
	private Image img;
 
	public Panneau(String image) {
		super();
		this.image = image;
		img = new ImageIcon(image).getImage();
		setPreferredSize(new Dimension(img.getWidth(null),img.getHeight(null)));
	}
 
	@Override
	protected void paintComponent(Graphics g) {
			g.drawImage(img, 0, 0, this);   
	}	
}

et le code pour Window:

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
 
import javax.swing.*;
import java.awt.*;
 
 
 
public class Window extends JFrame {
	JLabel lCountdown;
	Panneau p;
	JPanel container;
 
	public Window() {
		this.setTitle("My awesome window !!!");
		this.setSize(400, 500);
		this.setLocationRelativeTo(null);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		JLabel lCountdown = new JLabel("Ceci est un compte à rebour");
 
		p = new Panneau("gifAnime.gif");
 
 
		container = new JPanel();
		container.setLayout(new BorderLayout());
		container.add(p, BorderLayout.WEST);
		container.add(lCountdown, BorderLayout.CENTER);
 
		this.setContentPane(container);
		this.setVisible(true);
	}
 
	public static void main(String[] args) {
		Window rr = new Window();
	}
}

Ah super !
Merci bien !

J'ai juste eu besoin de remplacer la classe Panneau pour voir le changement !

Le problème du layout ne faisait pas d'erreur, mais je veux bien croire que c'est mieux comme ça.

Mais en fait, pourquoi utiliser ImageIcon plutôt que ImageIO.read ? Quelle est la différence ?

Et juste un dernier petit coup de pouce :
J'ai 6 images, nommées img1, img2, ... img6.
Je reçois un signal par bluetooth : le numéro de l'image (1, 2, .... ou 6).

Quand je reçois le numéro, je souhaite changer l'image. j'ai donc une fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 public void setImage(int i) { this.setContentPane(new Panneau("terning" + i + ".png")); //p = new Panneau("terning" + i + ".png"); //p.repaint(); //container.revalidate(); //this.revalidate(); //mainContainer.revalidate(); //this.revalidate(); }
J'ai laissé volontairement tous mes tests.
Tu l'as bien compris, je reçois bien le numéro de l'image, mais après je n'arrive pas a remplacer l'image par une autre.
Sur le web j'ai trouvé qu'il faut utiliser un repaint() ou un revalidate(), mais je n'arrive pas à faire fonctionner quoi que ce soit.

Je précise que la function setImage est dans la même classe que Window.

Saurais-tu m'aider ?
Merci

21/04/2013, 20h59
poussinvert
Ok, voilà un truc qui marche :
Code:

1 2 3 4 5 6 public void setImage(int i) { p = new Panneau("terning" + i + ".png"); container.add(p, BorderLayout.WEST); container.revalidate(); }
Mais peut-être que j'ajoute image sur image là... ?
Est ce que c'est la bonne manière de faire ?
21/04/2013, 21h21
ludomacho
Bonjour,

Pour ImageIcon, c'est juste pour éviter de gérer les exceptions (try catch)

et pour le reste, il y a plusieurs solutions:

1 - remettre un nouveau panneau comme tu proposes mais il faut d'abord enlever l'ancien

2 - ne garder qu'un seul panneau mais changer l'image dedans et donc la taille du Panneau si besoin

3 - utiliser un cardLayout (je te laisse regarder sur javaDoc

Ta dernière proposition peut être améliorée en enlevant le précédent
Code:

1 2 3 4 5 6 7 public void setImage(int i) { p = new Panneau("terning" + i + ".png"); container.removeAll(); container.add(p, BorderLayout.WEST); container.revalidate(); }
21/04/2013, 22h31
poussinvert

Ok, merci pour toutes ces informations.

Petite rectification tout de même :
Code:

1 2 3 4 5 6 7 public void setImage(int i) { p.removeAll(); p = new Panneau("terning" + i + ".png"); container.add(p, BorderLayout.WEST); container.revalidate(); }
Sinon, mon décompte ne s'actualise plus et reste bloqué...