Comment faire une grille d'interface graphique en Java (avec des images)

2024 Auteur: Gilbert Ryder | [email protected]. Dernière modifié: 2023-12-16 17:31

The Grid ne fait rien de spécial à ce stade, mais avec un peu de recherche, vous pouvez ajouter des auditeurs d'action et un peu de logique pour créer un jeu 2D simple comme le tic-tac-toe, ou des jeux plus compliqués comme Battleship.

Remarque: cet article utilise Eclipse pour tous les exemples, les choses peuvent donc être différentes selon votre IDE. Cela devrait être très similaire à ce dont vous aurez besoin dans JCreator, mais c'est plutôt inutile pour un IDE basé sur une interface graphique comme NetBeans, principalement à cause de la méthode glisser-déposer de NetBeans.

Pas

Étape 1. Créez un projet Java

C'est assez simple. Allumez votre IDE et créez un nouveau projet. Appelez ça comme vous voulez. L'exemple sera buttongrid.

Ce nom n'a pas vraiment d'importance puisque c'est juste le nom de fichier qui lui sera donné

Étape 2. Créez une classe Java avec une méthode principale

Créez une nouvelle classe et nommez-la comme vous voulez. L'exemple sera buttongrid. Pour un utilisateur d'Eclipse, vous voudrez cocher la case appelée public static void main(string args), vous n'aurez donc pas à la taper au démarrage.

Ce nom est plus important que le précédent car il devra être en un seul mot sinon il ne sera pas utilisable

Étape 3. Importez les bibliothèques

Cela apporte toutes les informations dont vous aurez besoin pour écrire votre code dans ce code. Vous devrez importer javax.swing. JFrame, javax.swing. JButton et java.awt. Gridlayout. Ceux-ci sont placés avant le début du cours, quelque part sur les lignes entre 1 et 3, l'ordre dans lequel ils se trouvent n'a pas d'importance.

Étape 4. Créez un constructeur

Le constructeur crée une nouvelle instance de la classe buttongrid permettant à de nombreuses grilles de boutons différentes d'avoir toutes des informations distinctes. Tous les constructeurs doivent être nommés de la même manière que leur classe. Les constructeurs n'ont besoin de rien avant, mais 'public' est souvent mis là pour faciliter la référence. Les constructeurs sont souvent placés en tant que première méthode dans une classe, ils vont donc juste après le nom de la classe, ils doivent cependant être placés dans la classe. Le constructeur buttongrid a besoin de paramètres, qui sont mis entre crochets après le nom du constructeur. Les paramètres de cet exemple sont les entiers « x » et « y ».

Étape 5. Créer un cadre:

1. Le cadre doit être nommé. Pour vous assurer qu'il peut être référencé en dehors de la méthode du constructeur ButtonGrid, vous le placez en dehors de cette méthode, mais dans la classe. La plupart des variables sont nommées en haut de la classe juste avant le constructeur. Pour créer un nouveau cadre, vous tapez: JFrame frame = new JFrame();
2. Dans la méthode du constructeur, nous devons nous assurer que tous les boutons sont placés dans la disposition de la grille. Pour ce faire, nous définissons la disposition du cadre en tapant: frame.setLayout(new GridLayout(x, y));
3. Pas nécessairement obligatoire, mais pour fermer le cadre lorsque vous appuyez sur le bouton « x » dans le coin supérieur droit, nous devons ajouter la ligne: frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE);
4. Pour que le cadre ait une taille appropriée afin que tout s'adapte, nous devons exécuter la commande pack: frame.pack();

5. Enfin pour le cadre, nous devons le rendre visible: frame.setVisible(true);

   

   Étape 6. Créer une grille de boutons:

   1. Les boutons avec lesquels l'utilisateur interagit doivent être créés, mais comme nous ne savons pas de combien nous avons besoin, ils doivent d'abord être nommés. Donc juste en dessous de la ligne où vous créez le cadre, créez les boutons: JButton grid; Les deux jeux de crochets sont là pour dire que les JButton de la grille sont conservés dans un format bidimensionnel, s'il n'y avait qu'un seul jeu de crochets, ce serait simplement une ligne de JButton, qui fonctionne toujours, c'est juste il est plus facile de référencer le bouton en cours de création ou avec lequel il interagit lorsqu'il est en deux dimensions.
   2. Les JButton ont été nommés, mais nous devons encore dire combien il y a de boutons. Vous devez ajouter une ligne de code dans le constructeur qui définit le montant: grid=new JButton[width][length];

   3. Maintenant qu'il a été déterminé qu'il y aura un certain nombre de boutons, chacun doit être créé. La façon la plus simple de le faire est d'utiliser deux boucles for, une pour l'axe des x, une pour l'axe des y. À l'intérieur des deux boucles, nous créons un nouveau bouton, et pour faciliter la référence, l'exemple met du texte à l'intérieur de chaque bouton afin que nous sachions quel bouton dans le tableau à deux dimensions se trouve où. Pour créer un bouton, à l'intérieur de la boucle, vous devez mettre grid[x][y] = new JButton ("("+x+", "+y+")");

      

      Étape 7. Ajoutez des boutons au cadre

      À l'intérieur de la boucle, nous devons placer les boutons sur le cadre avec une simple commande: frame.add(grid[x][y]);

      

      Étape 8. Créez une instance de ButtonGrid

      Dans votre type de classe principale: new ButtonGrid(3, 3); Les deux trois font une grille de 3 sur 3, et deux nombres positifs peuvent y être mis.

      

      Étape 9. Exécutez le programme

      Pour ce faire dans Eclipse appuyez sur Ctrl+F11

      Méthode 1 sur 1: Code des étapes

      La classe principale:

      public class ButtonGrid { public static void main(String args) { } }
      

      Importations:

      importer javax.swing. JFrame; importer javax.swing. JButton; importer java.awt. GridLayout; classe publique ButtonGrid { …
      

      Code constructeur:

      public class ButtonGrid { public ButtonGrid(int largeur, int longueur){ } } …
      

      Code du cadre:

      public class ButtonGrid { JFrame frame=new Jframe(); public ButtonGrid(int width, int length){ frame.setLayout(new GridLayout(width, length)); frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); frame.pack(); frame.setVisible(true); } } …
      

      Code de grille de bouton:

      |JFrame frame=nouveau JFrame(); //crée le cadre JButton grid; //nomme la grille de boutons public ButtonGrid(int width, int length){ //constructeur avec 2 paramètres frame.setLayout(new GridLayout(width, length)); //définir la disposition du cadre grid=new JButton[width][length]; //alloue la taille de la grille for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); frame.add(grid[x][y]); //ajoute un bouton à la grille } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); frame.pack(); frame.setVisible(true); } …
      

      Ajout de boutons au cadre:

      for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+x+", "+y+")"); frame.add(grid[x][y]); } } …
      

      Création d'une instance de grille de boutons:

      public static void main(String args) { new ButtonGrid(3, 3); // crée un nouveau ButtonGrid avec 2 paramètres } …
      

      Code final:

      importer javax.swing. JFrame; //importe la bibliothèque JFrame import javax.swing. JButton; //importe la bibliothèque JButton import java.awt. GridLayout; //importe la bibliothèque GridLayout public class ButtonGrid { JFrame frame=new JFrame(); //crée le cadre JButton grid; //nomme la grille de boutons public ButtonGrid(int width, int length){ //constructor frame.setLayout(new GridLayout(width, length)); //set layout grid=new JButton[width][length]; //alloue la taille de la grille for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); //crée un nouveau bouton frame.add(grid[x][y]); //ajoute un bouton à la grille } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); frame.pack(); //définit la taille appropriée pour le cadre frame.setVisible(true); //rend le cadre visible } public static void main(String args) { new ButtonGrid(3, 3); // crée un nouveau ButtonGrid avec 2 paramètres } }
      

      importer javax.swing. JFrame; //importe la bibliothèque JFrame import javax.swing. JButton; //importe la bibliothèque JButton import java.awt. GridLayout; //importe la bibliothèque GridLayout

      classe publique ButtonGrid {

      JFrame frame=nouveau JFrame(); //crée le cadre JButton grid; //nomme la grille de boutons

      public ButtonGrid(int width, int length){ //constructor frame.setLayout(new GridLayout(width, length)); //set layout grid=new JButton[width][length]; //alloue la taille de la grille for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); //crée un nouveau bouton frame.add(grid[x][y]); //ajoute un bouton à la grille } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); frame.pack(); //définit la taille appropriée pour le cadre frame.setVisible(true); //rend le cadre visible } public static void main(String args) { new ButtonGrid(3, 3); // crée un nouveau ButtonGrid avec 2 paramètres }