GUI rács készítése Java -ban (képekkel)

2024 Szerző: Gilbert Ryder | [email protected]. Utoljára módosítva: 2023-12-16 17:33

A Grid ebben a szakaszban nem csinál semmi különöset, de egy kis kutatással hozzáadhat akcióhallgatókat és egy kis logikát, hogy elkészítsen egy egyszerű 2D-s játékot, mint a tic-tac-toe, vagy bonyolultabb játékokat, mint a Battleship.

Megjegyzés: Ez a cikk az Eclipse -t használja minden példára, így a dolgok az IDE -től függően eltérőek lehetnek. Ennek nagyon hasonlónak kell lennie ahhoz, amire szüksége lesz a JCreator -ban, de haszontalan egy olyan grafikus felhasználói felületen alapuló IDE -hez, mint a NetBeans, elsősorban a NetBeans drag and drop módszere miatt.

Lépések

1. lépés. Hozzon létre egy Java -projektet

Ez meglehetősen egyszerű. Kapcsolja be az IDE -t, és hozzon létre egy új projektet. Nevezd, ahogy akarod. A példa buttongrid lesz.

Ez a név egyáltalán nem számít, mivel csak a fájlnév lesz megadva

2. lépés. Hozzon létre egy Java osztályt egy fő módszerrel

Hozzon létre egy új osztályt, és nevezze el, amit szeretne. A példa buttongrid lesz. Egy Eclipse felhasználó számára meg kell jelölnie a public static void main (string args) nevű négyzetet, így nem kell begépelnie az indításkor.

Ez a név fontosabb, mint az előző, mert egyetlen szónak kell lennie, különben nem használható

3. lépés: Könyvtárak importálása

Ez minden olyan információt tartalmaz, amelyre szüksége lesz a kód írásához. Importálnia kell a javax.swing. JFrame, javax.swing. JButton és a java.awt. Gridlayout fájlokat. Ezeket az óra kezdete előtt, valahol az 1 és 3 közötti vonalakon helyezik el, az ottani sorrend nem számít.

Lépés 4. Hozzon létre egy konstruktőrt

A konstruktor új példányt készít a buttongrid osztályból, lehetővé téve, hogy sok különböző gombrács külön információkkal rendelkezzen. Minden konstruktőrt meg kell nevezni az osztályával. A konstruktoroknak nincs szükségük előtte semmire, de a „nyilvános” gyakran szerepel a könnyebb hivatkozás érdekében. A konstruktorokat gyakran az első módszerként helyezik el az osztályban, tehát közvetlenül az osztály neve után megy, de az osztályon belül kell elhelyezni. A buttongrid konstruktornak paramétereire van szüksége, amelyeket zárójelbe kell tenni a konstruktor neve után. Ebben a példában a paraméterek az 'x' és az 'y' egész számok.

5. lépés: Keret létrehozása:

1. A keretet meg kell nevezni. Annak érdekében, hogy a ButtonGrid konstruktori metóduson kívül is hivatkozhasson rá, helyezze a metódus mellé, de az osztályon belül. A legtöbb változót az osztály tetején nevezik közvetlenül a konstruktor előtt. Új keret létrehozásához írja be: JFrame frame = new JFrame ();
2. A konstruktor módszeren belül meg kell győződnünk arról, hogy az összes gomb be van helyezve a rács elrendezésébe. Ehhez a keret elrendezését a következőképpen írhatjuk be: frame.setLayout (new GridLayout (x, y));
3. Nem feltétlenül kötelező, de ahhoz, hogy a keret bezáródjon, amikor a jobb felső sarokban lévő „x” gombot nyomja meg, hozzá kell adnunk a következő sort: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE);
4. Ahhoz, hogy a keret megfelelő méretű legyen, hogy minden illeszkedjen, futtatnunk kell a pack parancsot: frame.pack ();

5. Végül a kerethez, hogy láthatóvá tegyük: frame.setVisible (true);

   

   6. lépés: Gombrács létrehozása:

   1. El kell készíteni azokat a gombokat, amelyekkel a felhasználó interakcióba lép, de mivel nem tudjuk, hányra van szükségünk, először meg kell nevezni őket. Tehát közvetlenül a vonal alatt, ahol keretet hoz létre, hozza létre a gombokat: JButton rács; A két szögletes zárójel azt jelenti, hogy a JButton gombok kétdimenziós formátumban vannak tárolva, ha csak egy szögletes zárójel lenne, akkor ez egyszerűen a JButton sora lenne, ami még mindig működik, csak könnyebb hivatkozni arra, hogy melyik gomb van létrehozva, vagy melyekkel működik, amikor kétdimenziós.
   2. A JButton -ok megnevezésre kerültek, de még meg kell mondanunk, hány gomb van. A konstruktorban hozzá kell adni egy kódsort, amely beállítja az összeget: rács = új JButton [szélesség] [hossz];

   3. Most, hogy megállapították, hogy bizonyos számú gomb lesz, mindegyiket létre kell hozni. Ennek legegyszerűbb módja, ha kettőt használ a hurkokhoz, egyet az x tengelyhez, egyet az y tengelyhez. A két hurok belsejében új gombot készítünk, és a könnyebb hivatkozás érdekében a példa szöveget tesz az egyes gombok belsejébe, így tudjuk, hogy a kétdimenziós tömb melyik gombja hol található. A gomb létrehozásához a cikluson belül be kell helyeznie a rácsot [x] [y] = new JButton ("("+x+","+y+")");

      

      7. lépés: Gombok hozzáadása a kerethez

      A hurkon belül a gombokat a keretre kell helyeznünk egy egyszerű paranccsal: frame.add (grid [x] [y]);

      

      8. lépés. Készítse el a ButtonGrid példányt

      A fő osztálytípusban: új ButtonGrid (3, 3); A két hármas háromszoros rács, és tetszőleges két pozitív szám beírható.

      

      9. lépés: Futtassa a Programot

      Ehhez a napfogyatkozásban nyomja meg a Ctrl+F11 billentyűkombinációt

      1. módszer 1 -ből: lépéskód

      A fő osztály:

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

      Behozatal:

      import javax.swing. JFrame; import javax.swing. JButton; import java.awt. GridLayout; nyilvános osztályú ButtonGrid {…
      

      Konstruktorkód:

      public class ButtonGrid {public ButtonGrid (int szélesség, int hossz) {}}…
      

      Keret kód:

      public class ButtonGrid {JFrame frame = new Jframe (); public ButtonGrid (int szélesség, int hossz) {frame.setLayout (új GridLayout (szélesség, hossz)); frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (true); }}…
      

      Gomb rács kód:

      | JFrame keret = új JFrame (); // keretet hoz létre JButton rács; // elnevezi a gombok rácsát public ButtonGrid (int szélesség, int hossz) {// konstruktor 2 paraméterrel frame.setLayout (new GridLayout (width, length)); // a keretrács elrendezésének beállítása = new JButton [szélesség] [hossz]; // a rács méretének kiosztása (int y = 0; y <hossz; y ++) {esetén (int x = 0; x <szélesség; x ++) {rács [x] [y] = új JButton ("("+ x+","+y+")"); frame.add (rács [x] [y]); // gomb hozzáadása a rácshoz}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (true); }…
      

      Gombok hozzáadása a kerethez:

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

      Gombrácspéldány létrehozása:

      public static void main (String args) {new ButtonGrid (3, 3); // új ButtonGridet készít 2 paraméterrel}…
      

      Végső kód:

      import javax.swing. JFrame; // JFrame könyvtár importálása javax.swing. JButton; // import JButton könyvtár import java.awt. GridLayout; // importálja a GridLayout könyvtár nyilvános osztályát ButtonGrid {JFrame frame = new JFrame (); // keretet hoz létre JButton rács; // elnevezi a gombok rácsát public ButtonGrid (int szélesség, int hossz) {// konstruktor frame.setLayout (new GridLayout (width, length)); // set layout rács = új JButton [szélesség] [hossz]; // a rács méretének kiosztása (int y = 0; y <hossz; y ++) {esetén (int x = 0; x <szélesség; x ++) {rács [x] [y] = új JButton ("("+ x+","+y+")"); // új gomb keretet hoz létre.add (rács [x] [y]); // gomb hozzáadása a rácshoz}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // beállítja a keret méretét. setVisible (true); // láthatóvá teszi a keretet} public static void main (String args) {new ButtonGrid (3, 3); // új ButtonGridet készít 2 paraméterrel}}
      

      import javax.swing. JFrame; // JFrame könyvtár importálása javax.swing. JButton; // import JButton könyvtár import java.awt. GridLayout; // importálja a GridLayout könyvtárat

      public class ButtonGrid {

      JFrame frame = új JFrame (); // keretet hoz létre JButton rács; // elnevezi a gombok rácsát

      public ButtonGrid (int szélesség, int hossz) {// konstruktor frame.setLayout (új GridLayout (szélesség, hossz)); // set layout rács = új JButton [szélesség] [hossz]; // a rács méretének kiosztása (int y = 0; y <hossz; y ++) {esetén (int x = 0; x <szélesség; x ++) {rács [x] [y] = új JButton ("("+ x+","+y+")"); // új gomb keretet hoz létre.add (rács [x] [y]); // gomb hozzáadása a rácshoz}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // beállítja a keret méretét. setVisible (true); // láthatóvá teszi a keretet} public static void main (String args) {new ButtonGrid (3, 3); // új ButtonGridet készít 2 paraméterrel}