Inserer une image dans un JPanel

Version imprimable

2 pièce(s) jointe(s)

Je sais qu'il y a beaucoup de discussions sur ce sujet mais je n'arrive toujours pas à regler mon problème. J'ai une classe Fenetre extends JFrame qui contient plusieurs JPanel définits dans différentes classes.
Voici le code de la classe Centre:

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
 
public class Centre extends JPanel{
	public Centre(){
		this.setLayout(new BorderLayout());
 
		JPanel donnees = new JPanel();
		JPanel resultat = new JPanel();
		JPanel messages = new JPanel();
		JLabel test = new JLabel("test");
		donnees.add(test);
		JPanel logo = new JPanel();
		logo.setLayout(new BorderLayout());
		JLabel image = new JLabel(new ImageIcon("logo.png"));
		logo.setOpaque(false);
		logo.add(image,BorderLayout.CENTER);
 
		messages.setOpaque(false);
		resultat.setOpaque(false);
 
		JPanel bas = new JPanel();
		JPanel gauche = new JPanel();
 
		bas.setLayout(new BorderLayout());
		gauche.setLayout(new BorderLayout());
 
		gauche.add(resultat,BorderLayout.NORTH);
		gauche.add(messages,BorderLayout.SOUTH);
		gauche.setOpaque(false);
		logo.setOpaque(false);
		bas.add(gauche,BorderLayout.WEST);
		bas.add(logo,BorderLayout.EAST);
		bas.setOpaque(false);
		donnees.setOpaque(false);
		this.add(bas,BorderLayout.SOUTH);
		this.add(donnees,BorderLayout.NORTH);
 
		this.setVisible(true);
	}
 
}

Voici le résultat de l'exécution:

Pièce jointe 285429

Et voici ce que je voudrais:

Pièce jointe 285431

Merci de votre aide.

1 pièce(s) jointe(s)

Salut,

Déjà, tu ne nous montres pas tout le code, donc on ne pourra pas de répondre au sujet de l'interface entière. Cependant, pour le haut, il semblerait que tu cherches à faire plutôt un menu qu'une série de bouton, donc plutôt regarder du côté des classes JMenuBar, JMenu, JMenuItem. Inutile d'utiliser un layout spéciale, c'est la JFrame qui portera directement le menu qui s'en occupera. Du coup, tu peux te concentrer uniquement sur le contenu de la fenêtre (ce qui doit aller dans le contentpane).
Le code que tu montres ne concerne la partie qui contient données, résultats, messages et logo (en bas à droite donc). Ni table, ni boutons donc.

Ensuite, pour l'image en elle-même, le problème est probablement un problème de chemin d'accès. L'image n'est pas trouvée à l'endroit indiqué. ImageIcon gère ça de façon silencieuse et n'affiche rien. De toute manière, si c'est un logo, il sera plus intéressant de le distribuer avec l'application, donc dans le jar, plutôt qu'à côté. Donc au lieu d'utiliser un accèd par chemin d'accès à un fichier, utiliser un accès par url de ressource. Tu mets le fichier logo.png dans le dossier qui contient ta classe Centre par exemple et tu fais :

Code:

JLabel image = new JLabel(new ImageIcon(Centre.class.getResource("logo.png")));

Pour le problème de layout, tu utilises des JPanel avec BorderLayout les uns dans les autres, en utilisant les emplacements sud, nord, est et ouest pour la plupart des composants. Le fonctionnement de ces emplacements en ce qui concerne le dimensionnement utilise les "preferredsize" des composants. Les composants disposés dans les zones "verticales" (EAST et WEST) auront pour largeur la largeur préférentielle et les composants disposés dans les zones "horizontales" (SOUTH et NORTH) auront pour hauteur leur hauteur préférentielle. Les autres dimensions seront calculées par rapport au dimension du conteneur. Le centre lui prendra toute la place qui reste au milieu. Hors il s'agit de JPanel vide, donc de taille préférentielle 10x10. Sauf pour le JLabel dont la taille préférentielle sera celle nécessitée par le texte que tu mets. Idem pour le panel du logo (sa taille sera celle de l'image).
En plus, il n'y a pas de composant au centre de Centre, donc une zone va rester vide au milieu.

Je pense que tu aurais un résultat plus proche de ce que tu attends en considérant que données est au centre d'un panel, et qu'il y a un panel au sud, qui contient à droite un logo, et au centre un autre panel. En revanche, je ne sais pas exactement ce que tu recherches pour la répartition entre données et messages.
Ce qui donnera ça :
Pièce jointe 285480
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 public class Centre extends JPanel{ public Centre(){ super(new BorderLayout()); JPanel donnees = new JPanel(); add(donnees); JPanel southPanel = new JPanel(new BorderLayout()); add(southPanel, BorderLayout.SOUTH); JLabel logo = new JLabel(new ImageIcon(Centre.class.getResource("logo.png"))); southPanel.add(logo, BorderLayout.EAST); JPanel centerPanel = new JPanel(new GridLayout(2, 0)); southPanel.add(centerPanel); JPanel resultat = new JPanel(); JPanel messages = new JPanel(); centerPanel.add(resultat); centerPanel.add(messages); } }

14/06/2017, 11h44
Akame14

Merci pour votre réponse. J'ai fait la modification pour l'image mais j'ai une erreur:

Exception in thread "main" java.lang.NullPointerException
at javax.swing.ImageIcon.<init>(ImageIcon.java:217)
at view.Centre.<init>(Unknown Source)
at view.Fenetre.<init>(Unknown Source)
at Lanceur.main(Unknown Source)

Pourtant j'ai bien déplacé mon fichier.

Effectivement pour les boutons du haut je souhaite des menu déroulants, merci pour ton aide. Pour ce qui y est du contenu de données, message et résultats je souhaite le modifier selon ce qu'écrit l'utilisateur dans données, mais je n'ai pas encore commencé à coder cette partie.
14/06/2017, 11h58
joel.drigo

1 pièce(s) jointe(s)

Citation:

Envoyé par Akame14

Merci pour votre réponse. J'ai fait la modification pour l'image mais j'ai une erreur:

Exception in thread "main" java.lang.NullPointerException
at javax.swing.ImageIcon.<init>(ImageIcon.java:217)
at view.Centre.<init>(Unknown Source)
at view.Fenetre.<init>(Unknown Source)
at Lanceur.main(Unknown Source)

Ça veut dire que le fichier n'est pas à l'endroit que tu indiques (l'url est null donc). Tu as bien mis le fichier au même endroit que Centre.java (même dossier/package) ?
Pièce jointe 285519
14/06/2017, 12h01
Akame14

1 pièce(s) jointe(s)

Oui oui c'est pour ca je ne comprends pas pourquoi ça marche pas :/

Pièce jointe 285509
14/06/2017, 12h02
joel.drigo

Ton fichier n'est pas logo.png, mais logo.jpg !
14/06/2017, 12h08
Akame14

Oui j'ai vu ca après, j'ai changé dans mon code mais j'ai toujours la même erreur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
public class Centre extends JPanel{
	public Centre(){
		super(new BorderLayout());
 
		JPanel donnees = new JPanel();
		add(donnees);
 
		JPanel southPanel = new JPanel(new BorderLayout());
		add(southPanel, BorderLayout.SOUTH);
		JLabel logo = new JLabel(new ImageIcon(Centre.class.getResource("logo.jpg")));
		southPanel.add(logo, BorderLayout.EAST);
 
		JPanel centerPanel = new JPanel(new GridLayout(2, 0));
		southPanel.add(centerPanel);
 
		JPanel resultat = new JPanel();
		JPanel messages = new JPanel();
		centerPanel.add(resultat);
		centerPanel.add(messages);
	}

14/06/2017, 12h17
joel.drigo

Tu compiles et exécutes comment ? Via un IDE ou via ligne de commandes ?

Notre professeur a demandé d'utiliser un build.XML

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
 
<?xml version="1.0"?>
 
-<project name="junit-example">
 
<property name="class" value="../class"/>
 
<property name="src" value="../src"/>
 
<property name="doc" value="../javaDoc"/>
 
 
-<path id="classpath.test">
 
<pathelement location="../lib/junit-4.12.jar"/>
 
<pathelement location="../lib/hamcrest-core-1.3.jar"/>
 
<pathelement location="${class}"/>
 
</path>
 
 
-<target name="compile">
 
<mkdir dir="${class}"/>
 
<javac includeantruntime="false" destdir="${class}" srcdir="${src}"/>
 
</target>
 
 
-<target name="test-compile" depends="compile">
 
<mkdir dir="${class}"/>
 
 
-<javac includeantruntime="false" destdir="${class}" srcdir="${src}">
 
<classpath refid="classpath.test"/>
 
</javac>
 
</target>
 
 
-<target name="doc">
 
 
-<javadoc destdir="${doc}" sourcepath="${src}">
 
<fileset dir="${src}"/>
 
</javadoc>
 
</target>
 
 
-<target name="test" depends="test-compile">
 
 
-<junit fork="true" haltonfailure="yes" printsummary="on">
 
 
-<classpath>
 
<path refid="classpath.test"/>
 
<pathelement location="${class}"/>
 
</classpath>
 
<formatter usefile="false" type="brief"/>
 
 
-<batchtest>
 
<fileset dir="${src}" includes="**/*Test.java"/>
 
</batchtest>
 
</junit>
 
</target>
 
</project>

14/06/2017, 12h23
joel.drigo

Ce script ne copiera pas tout seul le fichier dans le dossier de classes, il faut le modifier pour qu'il le fasse.
14/06/2017, 14h16
Akame14

D'accord, en tout cas j'ai réussi à trouver une solution l'image apparaît, merci pour votre aide. :)