Problèmes pour dessiner

Version imprimable

Bonjours, bon c'est la première fois que je touche aux dessin et autre truc graphique et je bute pour ce que je veux faire, donc svp ne riez pas.

J'ai programmer un jeu de pendu dont l'ensemble est fonctionnel, il ne me reste que le dessin du bonhomme à faire.

J'aimerais avoir plusieurs variable contenant un dessin dont une serait le support, une autre le support + la tête , une autre le support + la tête + le corps, etc.

Sauf que a chaque fois j'ai une erreur de compilation, car le type semble incompatible avec le dessin. j'ai essayer Graphics, JComponent, mais ça ne fonctionne pas
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 Dessin extends JPanel { protected JPanel dessinPendu; protected Graphics pendu0; public Dessin(Graphics pendu0) { this.pendu0 = pendu0; } public void setPendu0(Graphics pendu0) { this.pendu0 = pendu0; } public Graphics getPendu0() { return pendu0; } public void PaintComponent(Graphics g) { this.pendu0 = g.drawOval(0, 0, 100, 100); } }
En gros pendu 0 est un dessin, pendu 1 un autre, pendu 2 un autre etc.

Quel type serait compatible avec les dessins ?

04/04/2013, 19h54
wax78

Je te propose dors et déja ce tutoriel.

Ensuite il te suffit de trouver comment charger un bufferedimage.

Et d'essayer de voir si tu peux arriver a tout mettre ensemble.

Sinon tu peux utiliser aussi un simple jLabel qui servira d'afficheur d'image, mais ca reste limité.
04/04/2013, 20h06
the_lord_sith

Ce qui veut dire qu'on ne peut pas affecter g.draw() à une variable ?

Voici une autre methode qui peut sembler un peut compliquée mais qui est tres pratique car on cree un objet dessin qui est abstrait avec une methode draw et des objets Support, Tete et Coprs qui etendent Dessin. Quand tu veux les afficher, tu appelles leur methode draw dans la methode paintComponent de ton JFrame et comme ceux sont tous des dessins tu peux faire une boucle du style

Code:

1
2
3
4
5
 
 
 
for(int i =0, i<tableauDessins.size();i++) {
          tableauDessins.get(i).draw(g)

où tableauDessins est un tableau d'Objets Dessin

Voici un code complet qui fonctionne pour bien comprendre :

Objet Dessin

Code:

1
2
3
4
5
6
7
8
 
import java.awt.*;
 
public abstract class Dessin {
 
	public abstract  void draw(Graphics g);
 
}

objet Support

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
import java.awt.geom.*;
import java.awt.*;
 
public class Support extends Dessin {
 
	public void draw(Graphics g) {
		Graphics2D g2 = (Graphics2D)g.create();
		Color cc = g2.getColor();
		g2.setColor(Color.black);
		g2.drawLine(100,350,100,50);
		g2.drawLine(50,350,150,350);
		g2.drawLine(100,50,250,50);
		g2.drawLine(250,50,250,100);
		g2.setColor(cc);
 
	}
}

objet Tete

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
import java.awt.geom.*;
import java.awt.*;
 
public class Tete extends Dessin {
 
	public void draw(Graphics g) {
		Graphics2D g2 = (Graphics2D)g.create();
		Color cc = g2.getColor();
		g2.setColor(Color.red);
		g2.drawOval(225,100,50,50);
		g2.setColor(cc);	
	}
}

objet Corps

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
import java.awt.geom.*;
import java.awt.*;
 
public class Corps extends Dessin {
 
	public void draw(Graphics g) {
		Graphics2D g2 = (Graphics2D)g.create();
		Color cc = g2.getColor();
		g2.setColor(Color.green);
		g2.drawLine(250,150,250,175);
		g2.drawLine(200,175,300,175);
		g2.drawLine(250,175,250,275);
		g2.drawLine(250,275,200,300);
		g2.drawLine(250,275,300,375);
		g2.drawLine(200,175,200,275);
		g2.drawLine(300,175,300,275);
		g2.setColor(cc);	
	}
}

et fenetre d'affichage

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
 
import javax.swing.*;
import java.awt.event.*;
import java.awt.*;
import java.util.*;
public class Pendu extends JPanel implements ActionListener{
 
	Dessin support = new Support();
	Dessin tete = new Tete();
	Dessin corps = new Corps();
	JPanel panelNord = new JPanel();
	JButton bouton = new JButton("dessiner");
	LinkedList<Dessin> tableauDessins = new LinkedList<Dessin>();
 
 
	public Pendu() {
		panelNord.setOpaque(false);
		panelNord.add(bouton);
		bouton.addActionListener(this);
		add(panelNord);
 
	}
 
	public void actionPerformed(ActionEvent e) {
		if (tableauDessins.size() == 0)
			tableauDessins.add(support);
		else if (tableauDessins.size() == 1)
			tableauDessins.add(tete);
		else if (tableauDessins.size() == 2)
			tableauDessins.add(corps);
		else if (tableauDessins.size() == 3){
			tableauDessins.remove(support);
			tableauDessins.remove(tete);
			tableauDessins.remove(corps);
 
		}
		this.repaint();
	}
 
	public static void main(String[] args) {
		JFrame jf = new JFrame();
		Pendu p = new Pendu();
		jf.setSize(600,500);
		jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		jf.add(p,BorderLayout.CENTER);
		jf.setVisible(true);
	}
 
	public void paintComponent(Graphics g) {
		Graphics2D g2 = (Graphics2D) g.create();
		g2.setBackground(Color.white);
		g2.clearRect(0,0,getWidth(),getHeight());
		for(int i=0;i<tableauDessins.size();i++) {
			tableauDessins.get(i).draw(g);
		}
 
 
	}
 
}

04/04/2013, 20h55
the_lord_sith

très compliqué effectivement. Ma tête va exploser, car je n'y capte absolument rien :mouarf:
04/04/2013, 22h47
ludomacho

En gros je crée 3 objets.

Support, Tete et Corps.

Chacun d'entre eux a une methode draw(Graphics g) qui permet de les dessiner dans le container de context graphic g.

cette fonction draw doit être utilisée dans la méthode paintComponent() du container sur lequel on veut dessiner sinon des que java redessine le container il ne pourra pas refaire appel à draw et le dessin ne sera pas redessiné.

ceci doit te permettre de dessiner tes objets.

Maintenant si tu veux pouvoir effacer tes objets et/ou les reafficher, tu peux faire des tests dans la methode paintComponent du container mais c'est déconseillé. Il ne doit y avoir que de l'affichage dans paintComponent.

Donc j'utilise un tableau que je mets à jour en fonction de ce que je veux afficher et dans la methode paintComponent je liste les objets du tableau et je les affiche.

C'est la qu'intervient l'objet Dessin.
Car je dois donner le type d'éléments de mon tableau et il ne peut pas y avoir plusieurs types(Support, Tete, Corps) Donc je m'arrange pour que mes 3 classes Support, Tete et Corps heritent de la même classe Dessin. Ainsi le type d'objets de mon tableau sera Dessin.

Bon courage.
05/04/2013, 16h22
the_lord_sith

Salut

Si à la place, je fais mes dessins de pendu dans des .gif (6 au total, dans tous les cas) Je pourrai quand même faire ce que je veux et ce sera beaucoup plus simple non ?
05/04/2013, 17h14
ludomacho

Oui bien sur, ça t'oblige simplement à utiliser des fichiers extérieurs mais pour ce que tu veux faire c'est très bien.

Je reconnais que la méthode précédente n'est pas forcément adaptée mais gardes la sous le coude, tu verras qu'elle peut être utile dans de nombreuses apllications graphiques.

3 pièce(s) jointe(s)

Bon comme je t'ai traumatisé je te donne une solution clé en main :D

Tu trouvera en pièces jointes les images que j'utilise et voici le code remanié :

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
 
import javax.swing.*;
import java.awt.event.*;
import java.awt.*;
import java.util.*;
import javax.imageio.*;
import java.io.*;
import java.awt.image.*;
public class Pendu extends JPanel implements ActionListener{
 
	BufferedImage support;
	BufferedImage supportTete;
	BufferedImage supportTeteCorps;
	JPanel panelNord = new JPanel();
	JButton bouton = new JButton("dessiner");
	LinkedList<Dessin> tableauDessins = new LinkedList<Dessin>();
	int compteur = 0;
	BufferedImage imageCourante = null;
 
	public Pendu() {
		try {
			support = ImageIO.read(new File("support.png"));
			supportTete = ImageIO.read(new File("supportTete.png"));
			supportTeteCorps = ImageIO.read(new File("supportTeteCorps.png"));
		}
		catch(IOException e) {}
		panelNord.setOpaque(false);
		panelNord.add(bouton);
		bouton.addActionListener(this);
		add(panelNord);
 
	}
 
	public void actionPerformed(ActionEvent e) {
		compteur +=1;
		if(compteur == 4)
			compteur = 0;
		switch (compteur) {
		case 0:
			imageCourante = null;
			repaint();
			break;
		case 1:
			imageCourante = support;
			repaint();
			break;
		case 2: 
			imageCourante = supportTete;
			break;
		case 3: 
			imageCourante = supportTeteCorps;
			break;
		}
		this.repaint();
	}
 
	public static void main(String[] args) {
		JFrame jf = new JFrame();
		Pendu p = new Pendu();
		jf.setSize(600,500);
		jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		jf.add(p,BorderLayout.CENTER);
		jf.setVisible(true);
	}
 
	public void paintComponent(Graphics g) {
		Graphics2D g2 = (Graphics2D) g.create();
		g2.setBackground(Color.white);
		g2.clearRect(0,0,getWidth(),getHeight());
		g2.drawImage(imageCourante,100,100,null);
	}
 
}

re ça faisait longtemps ^^

Traumatisé est peut-être un peu fort, c'est que je tente beaucoup de chose par moi même avant de demander de l'aide. j'ai passer beaucoup de temps à programmer autre chose histoire de bien saisir certains concept de base que je ne comprenait pas.

Ensuite je en suis pas fan des solution toute faites, car comprendre un gros code autre que le sien n'est pas facile, et le recopier bêtement ne fait rien apprendre.

Pour l'instant j'essaie de faire des dessins comme un cercle, dans un JPanel qui sera lui dans une JFrame, mais bizzarement, mon cercle est incomplet. seule une petite partie supérieur s'affiche.
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 import javax.swing.JPanel; import java.awt.Graphics; public class Cercle extends JPanel { private int x; private int y; private int w; private int h; public Cercle(int x,int y,int w,int h) { this.x = x; this.y = y; this.w = w; this.h = h; } public void paintComponent(Graphics g) { g.drawOval(this.x, this.y, this.w, this.h); } }
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 import java.awt.BorderLayout; import javax.swing.JFrame; import javax.swing.JPanel; import java.awt.Dimension; public class afficherDessin { public static void main(String[] args) { Cercle c = new Cercle(0,0,30,30); JFrame jf = new JFrame(); JPanel jp = new JPanel(); jf.setLayout(new BorderLayout()); jp.setPreferredSize(new Dimension(50,50)); jp.add(c); jf.add(jp,BorderLayout.LINE_START); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.setSize(500, 500); jf.setVisible(true); } }
Directement dans la JFrame aucun soucis, mais dès que je passe par un JPanel, mon cercle est incomplet.

16/04/2013, 19h36
sinok
Il faut que la preferredSize de ton composant Cercle soit au moins celle du cercle que tu dessines.
En effet, le FlowLayout va se base sur la preferredSize de ton composant pour savoir ce qu'il doit mettre en place au niveau espace. Or tu ne précises rien.

une redéfinition de la méthode getPreferredSize devrait faire l'affaire:
Code:

1 2 3 4 5 @Override public Dimension getPreferredSize() { // TODO Auto-generated method stub return new Dimension(2*x+w,2*y+h); }
17/04/2013, 15h01
ludomacho
Bonjour,
Je ne vais pas m'étendre car Sinok a tout dit et comme ça pas besoin de recopier bêtement du code:lol:

Néanmois si tu rajoutes
Code:

1 2 setPreferredSize(new Dimension(w+1,h+1));
dans le constructeur cercle ça devrait faire l'affaire.

Il faut effectivement préciser la taille de ton Panel car il n'y a aucun objet dedans et java ne sait alors pas quelle taille utiliser.

Pourquoi W+1 et h+1 ?
Si tu ne rajoutes pas 1 tu vas voir qu'il manque 1 pixel en hauteur et en largeur. Si quelqu'un a une explication, je suis preneur....car w étant la largeur totale du cercle,si je mets ce cercle dans un panel de largeur w il devrait rentrer en entier?!
17/04/2013, 23h22
the_lord_sith

Re, merci a vous en définissant la méthode ou en y mettant la methode set dans le constructeur ça marche très bien, mais on dirait que pour tout voir je dois mettre des dimensions extravagantes. Bizzarement si je lui dit

Code:

new Dimension(2*x+w,2*y+h)

Ce qui est largement plus grand que +1, il manque quelques pixel encore au cercle.
18/04/2013, 00h21
ludomacho

Re Bonjour,
C'est normal, dans ton exemple, x=0 et y=0 et la multiplication s'effectue avant l'addition donc :

2*x+w = w et c'est < w+1:lol:
2*y +h = h et c'est < h+1:mouarf:
18/04/2013, 00h52
the_lord_sith

ce qui donne 30,30 manque 1 pixel comme tu l'as dit.

Décidément, je me sens bête si un programmeur me voyait j'aurais un sac sur la tête :mouarf:

Sinon j'aurais une dernière question. (désolé si parfois elles sont bête :oops:)

Je suis entrain de tester mes dessins contenu dans des fichiers (l'autre jour j'ai parler de cercle, mais c'était juste pour être capable d'en faire (:mrgreen:)

Et il se passe un truc que je trouve plutôt chelou

Mes images sont contenu dans un JPanel qui lui est contenu dans un JFrame

j'ai 7 objets un pour mes images.

Pour tester l'affichage, je me suis fait un menu si j'entre 1 c'est l'image p1.gif qui est dessiner dans le JPanel. Quand j'entre un autre choix, le contneu du JPanel est effacer pour laisser la place a l'image correspondant à ce nouveau choix et ainsi de suite. et le JFrame est rafraichi.

Mais au bout de 6 x, le JFrame ne se rafraichi plus
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 do { jf.add(jp,BorderLayout.LINE_START); jf.revalidate(); choix = Integer.parseInt(JOptionPane.showInputDialog(jf,"votre choix ?")); switch (choix) { case 1: jp.removeAll(); jp.add(p1); break; case 2: jp.removeAll(); jp.add(p2); break; case 3: jp.removeAll(); jp.add(p3); break; case 4: jp.removeAll(); jp.add(p4); break; case 5: jp.removeAll(); jp.add(p5); break; case 6: jp.removeAll(); jp.add(p6); break; default: if(choix != 0) JOptionPane.showMessageDialog(jf,"mauvais choix"); } } while(choix != 0);
désolé pour l'alignement un peu foireux, c'est beaucoup mieux aligner dans mon programme :mrgreen:

J'ai du mal a comprendre pourquoi après 6 tour de boucle, la fenêtre ne se rafraichis plus

18/04/2013, 18h09
the_lord_sith

problème résolu en vidant ma JFrame en appellant repaint() j'ai rien dit :mrgreen:
18/04/2013, 18h29
the_lord_sith

Bon en tout cas merci à tous pour votre aide