Discussion :

[howyadoin]

Bonjour,
Dans le cadre scolaire, je dois réaliser un jeu de plateau avec 3 types de pions différents : les buffles, les indiens et les chiens

J'ai affiché mon plateau ainsi que les pions dans mon interface graphique, mais pour le moment le buffle est un simple "B" etc...

J'aimerais mettre des images différentes pour chacun des pions (ex: un GIF de buffle pour le buffle) masi je ne sais pas trop comment m'y prendre

Voila le constructeur de ma fenêtre graphique:



Je possède une classe Buffle, une classe Pion et une classe Case.

Si vous avez besoin de renseignements supplémentaires dites-moi, je réponds vite.

[joel.drigo]

Salut,

Tu peux afficher simplement une image dans un bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new JButton( image )

avec image de type Icon.

Le mieux pour gérer les fichiers, c'est de les mettre tant que ressources. Pour cela, il suffit que tu crées un dossier dans le dossier de sources, comme si tu créais un package, et tu mets les fichiers d'image dedans (png ou jpg). Et de gérer les différentes images sous forme de constantes.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
public class UneClasse { // ici tu peux utiliser la classe qui créer ton plateau, ou une classe à part, ou n'importe
 
  public static final ImageIcon IMAGE_BUFFLE = ...
 
}

A la place des ..., pour charger le fichier correspondant, en tant qu'Icon, on va faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new ImageIcon( UneClasse.class.getResource( name ) )

ou name est le chemin de ton image, commençant par slash, relatif à ton dossier src. Par exemple, si ton fichier est buffle.png, et que le dossier que tu as créé (dont je parle au début) est "images", name ce sera "/images/buffle.png"). Si tu mets tes fichiers directement dans le dossier qui contient la classe, tu peux directement écrire : new ImageIcon( UneClasse.class.getResource( "buffle.png" ) ).

Ensuite, tu n'as plus qu'a référencer tes constantes pour créer tes boutons :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new JButton( UneClasse.IMAGE_BUFFLE );

[howyadoin]

Merci, super bien expliqué.

En revanche, mon problème est de savoir, lors de la création de ma matrice de boutons, comment dire au programme "si le bouton que tu es en train de créer correspond à une case buffle, alors créé le bouton avec l'image buffle"

car si je met l'image buffle à chaque fois que je créé un bouton
avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
for (int i = 0; i < casesligne ; i++) {
            for (int j = 0; j < casescolonne; j++) {
 
                TabButt[i][j]=new JButton(Plateau.IMAGE_BUFFLE);

j'obtiens ceci :

[howyadoin]

ça y est j'ai trouvé !!!
En fait c'était super simple, il suffisait de mettre le "b.setIcon(Plateau.IMAGE_BUFFLE);" dans la méthode afficher de la classe buffle .....

[joel.drigo]

ça y est j'ai trouvé !!!
En fait c'était super simple, il suffisait de mettre le "b.setIcon(Plateau.IMAGE_BUFFLE);" dans la méthode afficher de la classe buffle .....

Par exemple, ou mieux (toujours éviter de dépendre de ce que tu vas faire des attributs : imagine que tu veuilles dessiner l'image ailleurs que dans un bouton, tu vas devoir faire une autre méthode, etc), faire une méthode getImage() dans la classe Buffle (si tu as une classe commune à tous tes pions, au-dessus, tu peux aussi la mettre dans cette classe parente).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
public class Buffle extends Pion {
 
     public Buffle() {
         super("Buffle", MaClasse.Image_BUFFLE];
     }
 
 
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
public class Pion {
 
     private final String name;
     private final Icon image;
 
     public Pion(String name, Icon image) {
         this.name=name;
         this.image=image;
     }
 
     public Icon getImage() {
           return image;
     }
 
 
}

Ou par abstraction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
public class Buffle extends Pion {
 
     public Buffle() {
 
     }
 
     public Icon getImage() {
           return MaClasse.IMAGE_BUFFLE;
     }
 
 
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
public abstract class Pion {
 
 
     public Pion() { 
     }
 
     public abstract Icon getImage();
 
 
}

Il y a pleins d'autre solutions (avec des enums par exemple, ou simplement avec un if, ou un switch, ou un map, etc.)

[howyadoin]

ok, je vois

maintenant j'ai un autre problème c'est que les pions ne s'effacent pas après chaque déplacement ...



j'ai pensé à une boucle do while mais je ne sais pas trop ou la mettre, je suis un peu perdu

[joel.drigo]

Je préférerais avec du code, parce que l'image ça ne me parle pas vraiment, d'autant plus qu'il me faudrait savoir ce qu'on est censé voir ou ne pas voir sur cette image.

[howyadoin]

oui effectivement. Mais j'ai encore trouvé la solution !!!

Alors le plateau de jeu de base ressemble à ça :



donc le buffle qui est descendu a laissé une "trainée" derrière lui. et les images du chef + chien qui ont bougé sont également restés à l'emplacement initial.



La solution était : après un déplacement je vide la case précedente et je rajoute un pion Prairie (j'ai donc du créer un Pion prairie mais également un pion Rivière)

[anyabel]

Bonjour,
je suis débutante a la programmation des interfaces graphiques et j'ais un projet qui utiliser des GUI pour faire synchroniser les déplacement des robots dans une matrice [10][10] j'arrive pas a mettre une image dans un bouton et bouger cette image
s'ils vous plait j'ai besoin de quelqu'un pour m'aider et merci infiniment