[Swing] Ajouter un background de type image

Version imprimable

18/01/2010, 17h40
TekP@f

[Swing] Ajouter un background de type image

Salut,

J'ai terminé de développer une appli Swing et je dois maintenant ajouter la couche graphique. Etant issue du monde web, j'ai demandé un découpage des images pour chaque bouton et une image représentant le fond d'écran.

J'ai lu qq liens pour mettre une image en fond d'écran :
http://www.java2s.com/Code/Java/Swin...roundimage.htm
http://www.jguru.com/faq/view.jsp?EID=9691

J'ai réussi à afficher ces exemples, mais à chaque fois, ce sont des images de fond pour 1 JPanel. Or, mon appli est découpée est plusieurs panels. Quelle est la solution ?
Découper l'image de fond selon chaque panel ?
Créer un panel global qui contient tous les panels ? (je ne crois pas que ça fonctionne ça)
18/01/2010, 17h58
adiGuba

Salut,

Citation:

Envoyé par TekP@f

Créer un panel global qui contient tous les panels ? (je ne crois pas que ça fonctionne ça)

Tu peux très bien faire cela !
Il faut juste utiliser setOpaque(false) sur les composants contenu à l'intérieur de ton JPanel, afin qu'il ne redessine pas leur propre background...

a++
19/01/2010, 02h47
uhrand

Citation:

Envoyé par TekP@f

Quelle est la solution?
Créer un panel global qui contient tous les panels ? (je ne crois pas que ça fonctionne ça)

En effet, ce n'est pas toujours évident de rendre transparent tous les éléments de la surface pour pouvoir voir l'image de fond. Tu peux essayer d'utiliser la classe BackgroundPanel qui fais une tentative de rendre transparent les composants qui sont ajoutés au panel. Mais si tu ajoute par exemple une JTable, tu as déjà un problème.

Comme alternative à l'image de fond, nous pouvons peindre une image semi transparente à l'avant plan, donc sur une couche en dessus de la surface générale. De cette façon on a l'impression que les éléments de la surface son transparents et que l'image se trouve à l'arrière plan, alors qu'en réalité c'est l'inverse. Le désavantage de cette conception est une mauvaise performance pour certaines surfaces complexes.

Citation:

Envoyé par adiGuba

Salut,

Tu peux très bien faire cela !
Il faut juste utiliser setOpaque(false) sur les composants contenu à l'intérieur de ton JPanel, afin qu'il ne redessine pas leur propre background...

a++

J'ai justement essayé de le faire. Voici mon code. J'ai un JPanel qui sert d'image de fond. Un autre qui contient des actions simples. Et j'ai toujours l'image de fond qui apparait par dessus le reste.

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
 
package tests;
 
import java.awt.*;
import javax.swing.*;
 
 
public class testRiri extends JFrame{
 
	public testRiri() {
		setSize(800, 500);
 
		JPanel panFondEcran = new JPanel();
		panFondEcran.add(new TestImagePanel(new ImageIcon("images/fond.png").getImage()));
 
		JPanel panTmp = new JPanel();
		panTmp.add(new JLabel("Mon label"));
		JButton toto = new JButton("Suite");
 
		panTmp.add(toto);
		panTmp.setOpaque(false);
		panFondEcran.add(panTmp);
 
		getContentPane().add(panFondEcran);
		//getContentPane().add(panTmp);
 
	}
 
	public static void main(String args[]) {
		testRiri objScreen = new testRiri();
		objScreen.setVisible(true);
	}
}
 
class TestImagePanel extends JPanel {
 
	private static final long serialVersionUID = 1L;
	private Image img;
 
	public TestImagePanel(String img) {
		this(new ImageIcon(img).getImage());
	}
 
	public TestImagePanel(Image img) {
		this.img = img;
		Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
		setPreferredSize(size);
		setMinimumSize(size);
		setMaximumSize(size);
		setSize(size);
		setLayout(null);
	}
 
	public void paintComponent(Graphics g) {
		g.drawImage(img, 0, 0, null);
	}
}

Je viens de regarder ton lien uhrand. J'ai pu me débrouiller avec les indications et ce qu'a ditadiGuba. Belle équipe. Mon code qui 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
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
 
package tests;
 
import java.awt.*;
import javax.swing.*;
 
 
public class testRiri extends JFrame{
 
	public testRiri() {
		setSize(800, 500);
 
		JPanel panTmp = new JPanel();
		panTmp.add(new JLabel("Mon label"));
		JButton toto = new JButton("Suite");
 
		panTmp.add(toto);
		panTmp.setOpaque(false);
 
		JLabel contentPane = new JLabel();
		contentPane.setIcon( new ImageIcon("images/fond.png"));
		contentPane.setLayout( new BorderLayout() );
		this.setContentPane( contentPane );
 
		this.getContentPane().add(panTmp);
	}
 
	public static void main(String args[]) {
		testRiri objScreen = new testRiri();
		objScreen.setVisible(true);
	}
}
 
class TestImagePanel extends JPanel {
 
	private static final long serialVersionUID = 1L;
	private Image img;
 
	public TestImagePanel(String img) {
		this(new ImageIcon(img).getImage());
	}
 
	public TestImagePanel(Image img) {
		this.img = img;
		Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
		setPreferredSize(size);
		setMinimumSize(size);
		setMaximumSize(size);
		setSize(size);
		setLayout(null);
	}
 
	public void paintComponent(Graphics g) {
		g.drawImage(img, 0, 0, null);
	}
}

Ton organisation est bizarre...
Tu as un JPanel qui contient une autre JPanel avec une image de fond (avec une taille fixe assez importante), puis d'autre composants à la suite.

Donc tu as un grand panel qui dessine son fond, puis beaucoup plus bas tes autres composants qui sont invisible car en dehors de la fenêtre !

Donc déjà c'est ton panel principal qui doit dessiner le fond d'écran, et non pas un panel qui contient. En clair :

Code:

JPanel panFondEcran = new TestImagePanel(new ImageIcon("images/fond.png").getImage());

Ensuite ton panel doit uniquement se contenter de modifier sa méthode paintComponent(). Tu n'a pas à modifier sa taille ou son layout :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 class TestImagePanel extends JPanel { private static final long serialVersionUID = 1L; private Image img; public TestImagePanel(String img) { this(new ImageIcon(img).getImage()); } public TestImagePanel(Image img) { this.img = img; } public void paintComponent(Graphics g) { g.drawImage(img, 0, 0, this); } }
a++

PS : Tu peux remplacer tous les par new ImageIcon(filename).getImage() directement par Toolkit.getDefaultToolkit().getImage(filename) ;)

19/01/2010, 10h09
TekP@f

Merci pour ces explications. Je comprends mieux pourquoi ça ne marchait pas avant. :)