GUI -ruudukon luominen Javalle (kuvilla)

Sisällysluettelo:

GUI -ruudukon luominen Javalle (kuvilla)
GUI -ruudukon luominen Javalle (kuvilla)

Video: GUI -ruudukon luominen Javalle (kuvilla)

Video: GUI -ruudukon luominen Javalle (kuvilla)
Video: 3 tapaa TERÄVÖITTÄÄ KUVIA Adobe Photoshopissa 2024, Saattaa
Anonim

Grid ei tee tässä vaiheessa mitään erityistä, mutta pienellä tutkimuksella voit lisätä toimintakuuntelijoita ja vähän logiikkaa yksinkertaisen 2D-pelin, kuten tic-tac-toe, tai monimutkaisempien pelien, kuten Battleship, luomiseksi.

Huomautus: Tässä artikkelissa käytetään Eclipseä kaikissa esimerkeissä, joten asiat voivat olla erilaisia IDE: n mukaan. Tämän pitäisi olla hyvin samanlainen kuin mitä tarvitset JCreatorissa, mutta se on melko hyödytön GUI -pohjaiselle IDE: lle, kuten NetBeans, lähinnä NetBeansin vetämällä ja pudottamalla.

Askeleet

Tee graafinen käyttöliittymä Java -vaiheeseen 1
Tee graafinen käyttöliittymä Java -vaiheeseen 1

Vaihe 1. Luo Java -projekti

Tämä on melko yksinkertaista. Käynnistä IDE ja luo uusi projekti. Kutsu sitä milloin haluat. Esimerkki on buttongrid.

Tällä nimellä ei ole oikeastaan väliä, koska se annetaan vain tiedostonimellä

Tee graafinen käyttöliittymä Java -vaiheeseen 2
Tee graafinen käyttöliittymä Java -vaiheeseen 2

Vaihe 2. Luo Java -luokka päämenetelmällä

Luo uusi luokka ja anna sille haluamasi nimi. Esimerkki on buttongrid. Jos haluat Eclipse -käyttäjän, sinun tulee napsauttaa julkisen staattisen void mainin (string args) nimeä, joten sinun ei tarvitse kirjoittaa sitä aloittaessasi.

Tämä nimi on tärkeämpi kuin edellinen, koska sen on oltava yhtä sanaa tai muuten se ei ole käyttökelpoinen

Luo graafinen käyttöliittymä Java -vaiheeseen 3
Luo graafinen käyttöliittymä Java -vaiheeseen 3

Vaihe 3. Tuo kirjastoja

Tämä tuo kaikki tiedot, joita tarvitset koodin kirjoittamiseen tähän koodiin. Sinun on tuotava javax.swing. JFrame, javax.swing. JButton ja java.awt. Gridlayout. Nämä laitetaan ennen luokan alkua, jonnekin 1–3 riville, sillä järjestyksellä ei ole väliä.

Luo graafinen käyttöliittymä Java -vaiheeseen 4
Luo graafinen käyttöliittymä Java -vaiheeseen 4

Vaihe 4. Luo konstruktori

Rakentaja tekee uuden buttongrid -luokan ilmentymän, jolloin monilla eri painikkeilla on kaikilla erilliset tiedot. Kaikkien rakentajien on nimettävä sama kuin luokkansa. Rakentajat eivät tarvitse mitään ennen sitä, mutta "julkinen" on usein sijoitettu sinne viittauksen helpottamiseksi. Rakenteet sijoitetaan usein luokan ensimmäiseksi menetelmäksi, joten se menee heti luokan nimen perään, mutta se on kuitenkin sijoitettava luokkaan. Buttongrid -konstruktori tarvitsee parametreja, jotka laitetaan hakasulkeisiin rakentajan nimen jälkeen. Tässä esimerkissä parametrit ovat kokonaislukuja x ja y.

Luo graafinen käyttöliittymä Java -vaiheeseen 5
Luo graafinen käyttöliittymä Java -vaiheeseen 5

Vaihe 5. Luo kehys:

  1. Kehys on nimettävä. Varmistaaksesi, että siihen voidaan viitata ButtonGrid -konstruktorimenetelmän ulkopuolella, aseta se kyseisen menetelmän sivulle, mutta luokkaan. Useimmat muuttujat on nimetty luokan yläosassa juuri ennen konstruktoria. Voit luoda uuden kehyksen kirjoittamalla: JFrame frame = new JFrame ();
  2. Konstruktorimenetelmän sisällä meidän on varmistettava, että kaikki painikkeet on asetettu ruudukkoasetteluun. Tätä varten asetamme kehyksen asettelun kirjoittamalla: frame.setLayout (new GridLayout (x, y));
  3. Ei välttämättä pakollinen, mutta jotta kehys sulkeutuu, kun painat x -painiketta oikeassa yläkulmassa, meidän on lisättävä rivi: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE);
  4. Jotta kehys olisi oikean kokoinen, jotta kaikki mahtuu, meidän on suoritettava pakkauskomento: frame.pack ();
  5. Lopuksi kehys on tehtävä niin, että se näkyy: frame.setVisible (true);

    Tee graafinen käyttöliittymä Java -vaiheeseen 6
    Tee graafinen käyttöliittymä Java -vaiheeseen 6

    Vaihe 6. Luo painikeverkko:

    1. Painikkeet, joiden kanssa käyttäjä on vuorovaikutuksessa, on tehtävä, mutta koska emme tiedä kuinka monta tarvitsemme, ne on nimettävä ensin. Luo siis kehyksen luomisen rivin alle painikkeet: JButton ruudukko; Kaksi hakasulkusarjaa sanovat, että ruudukon JButton-painikkeet pidetään kaksiulotteisessa muodossa, jos hakasulkeita olisi vain yksi, se olisi vain JButtonin rivi, joka toimii edelleen, se on vain helpompi viitata siihen, mitä painiketta luodaan tai käytetään, kun se on kaksiulotteinen.
    2. JButton -painikkeet on nimetty, mutta meidän on vielä sanottava, kuinka monta painiketta on. Sinun on lisättävä konstruktoriin koodirivi, joka asettaa määrän: ruudukko = uusi JButton [leveys] [pituus];
    3. Nyt kun on määritetty, että painikkeita on tietty määrä, jokainen niistä on luotava. Helpoin tapa tehdä tämä on kaksi silmukkaa varten, yksi x-akselille ja yksi y-akselille. Kahden silmukan sisälle teemme uuden painikkeen, ja esimerkin helpottamiseksi esimerkki asettaa tekstin jokaisen painikkeen sisään, jotta tiedämme, mikä painike kaksiulotteisessa taulukossa on missä. Napin luomiseksi silmukan sisään on asetettava ruudukko [x] [y] = new JButton ("(" "+x+", "+y+") ");

      Luo graafinen käyttöliittymä Java -vaiheeseen 7
      Luo graafinen käyttöliittymä Java -vaiheeseen 7

      Vaihe 7. Lisää painikkeita kehykseen

      Silmukan sisällä meidän on asetettava painikkeet kehykseen yksinkertaisella komennolla: frame.add (ruudukko [x] [y]);

      Tee graafinen käyttöliittymä Java -vaiheeseen 8
      Tee graafinen käyttöliittymä Java -vaiheeseen 8

      Vaihe 8. Tee ButtonGrid -instanssi

      Pääluokatyypissäsi: uusi ButtonGrid (3, 3); Kaksi kolmosta muodostavat ruudukon, joka on 3 x 3, ja sinne voidaan laittaa kaksi positiivista numeroa.

      Tee graafinen käyttöliittymä Java -vaiheeseen 9
      Tee graafinen käyttöliittymä Java -vaiheeseen 9

      Vaihe 9. Suorita ohjelma

      Voit tehdä tämän pimennyksessä painamalla Ctrl+F11

      Tapa 1: 1: Vaihekoodi

      Pääluokka:

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

      Tuonti:

      tuonti javax.swing. JFrame; tuo javax.swing. JButton; tuo java.awt. GridLayout; julkisen luokan ButtonGrid {…

      Rakentajakoodi:

      public class ButtonGrid {public ButtonGrid (int leveys, int pituus) {}}…

      Kehyskoodi:

      public class ButtonGrid {JFrame frame = new Jframe (); public ButtonGrid (int leveys, int pituus) {frame.setLayout (uusi GridLayout (leveys, pituus)); frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); runko.pakkaus (); frame.setVisible (true); }}…

      Painikkeiden ruudukko:

      | JFrame -kehys = uusi JFrame (); // luo kehyksen JButton ruudukko; // nimetä painikkeiden ruudukon julkiseksi ButtonGrid (int leveys, int pituus) {// konstruktori 2 parametrilla frame.setLayout (uusi GridLayout (leveys, pituus)); // aseta kehysruudukon asettelu = uusi JButton [leveys] [pituus]; // varaa ruudukon koko (int y = 0; y <pituus; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); frame.add (ruudukko [x] [y]); // lisää -painike ruudukkoon}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); runko.pakkaus (); frame.setVisible (true); }…

      Painikkeiden lisääminen kehykseen:

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

      Napin ruudukon ilmentymän luominen:

      public staattinen void main (String args) {new ButtonGrid (3, 3); // tekee uuden ButtonGridin kahdella parametrilla}…

      Lopullinen koodi:

      tuonti javax.swing. JFrame; // tuo JFrame -kirjaston tuonti javax.swing. JButton; // tuo JButton -kirjasto tuonti java.awt. GridLayout; // tuo GridLayout -kirjaston julkisen luokan ButtonGrid {JFrame frame = new JFrame (); // luo kehyksen JButton ruudukko; // nimee painikkeiden ruudukon julkiseksi ButtonGrid (int leveys, int pituus) {// konstruktori frame.setLayout (uusi GridLayout (leveys, pituus)); // aseta asetteluristikko = uusi JButton [leveys] [pituus]; // varaa ruudukon koko (int y = 0; y <pituus; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); // luo uuden painikkeen frame.add (ruudukko [x] [y]); // lisää -painike ruudukkoon}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); runko.pakkaus (); // asettaa oikean koon kehykselle.setVisible (true); // tekee kehyksestä näkyvän} julkinen staattinen void main (String args) {new ButtonGrid (3, 3); // tekee uuden ButtonGridin kahdella parametrilla}}

      tuonti javax.swing. JFrame; // tuo JFrame -kirjaston tuonti javax.swing. JButton; // tuo JButton -kirjasto tuonti java.awt. GridLayout; // tuo GridLayout -kirjaston

      public class ButtonGrid {

      JFrame -kehys = uusi JFrame (); // luo kehyksen JButton ruudukko; // nimetä painikkeiden ruudukon

      public ButtonGrid (int leveys, int pituus) {// rakentaja frame.setLayout (uusi GridLayout (leveys, pituus)); // aseta asetteluristikko = uusi JButton [leveys] [pituus]; // varaa ruudukon koko (int y = 0; y <pituus; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); // luo uuden painikkeen frame.add (ruudukko [x] [y]); // lisää -painike ruudukkoon}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); runko.pakkaus (); // asettaa oikean koon kehykselle.setVisible (true); // tekee kehyksestä näkyvän} julkinen staattinen void main (String args) {new ButtonGrid (3, 3); // tekee uuden ButtonGridin kahdella parametrilla}

Suositeltava: