Hoe om `n grafiese koppelvlak van rooster in Java te maak

In hierdie stadium sal die Grid niks spesiaals doen nie. Maar as jy `n bietjie navorsing doen, kan jy aksielyste en `n bietjie logika byvoeg om `n eenvoudige 2D-speletjie soos die Drie aanlyn

conținut

Stappe
Stappe van die kode

, of `n paar meer ingewikkelde soos Naval battle.

Nota: Hierdie artikel gebruik Eclipse in al die voorbeelde, dus dit kan anders in jou IDE lyk. Dit moet baie soortgelyk wees aan wat jy vir JCreator benodig, maar dit sal nie soveel doen as jy `n IDE met grafiese koppelvlak soos NetBeans gebruik nie, hoofsaaklik as gevolg van die sleep-en-drop-metode van NetBeans.

stappe

Prent getiteld Maak `n GUI rooster in Java Stap 1

Skep `n Java-projek. Dit is redelik eenvoudig. Begin jou IDE en skep `n nuwe projek. Bel dit wat jy wil hê. In die voorbeeld sal dit buttongrid wees.

Die naam maak nie saak nie, aangesien dit net die naam van die lêer is.

Prent getiteld Maak `n GUI rooster in Java Stap 2

Skep `n Java-klas met die hoofmetode. Skep `n nuwe klas en bel dit as jy wil. In die voorbeeld sal dit buttongrid wees. Vir Eclipse-gebruikers, moet jy die boks genaamd openbare statiese void hoof (string [] args) merk, dus jy hoef dit nie te skryf wanneer jy begin nie.

Hierdie naam is belangriker as die vorige een, aangesien dit `n enkele woord moet wees of dit sal nie bruikbaar wees nie.

Prent getiteld Maak `n GUI rooster in Java Stap 3

Voer die biblioteke in. Dit bring jou kode al die inligting wat jy nodig het om dit te skryf. Jy sal javax.swing.JFrame, javax.swing.JButton, en java.awt.Gridlayout moet invoer. Dit word voor die begin van die klas geplaas, iewers tussen reëls 1 en 3, ongeag die volgorde waarin dit voorkom.

Prent getiteld Maak `n GUI rooster in Java Stap 4

Skep `n konstruktor Die konstruktor skep `n nuwe voorbeeld van die buttongrid-klas, waardeur verskeie buttridrides afsonderlike inligting het. Alle bouers moet net soos hul klasse genoem word. Bouers het niks nodig nie, maar hulle word gewoonlik `publiek` vir `n beter verwysing. Konstrueerders word gewoonlik as die eerste metode in `n klas geplaas, dus dit gaan onmiddellik na die naam van die klas. Dit moet egter binne die klas geplaas word. Die boustyl bouer benodig parameters wat in die hakies geplaas word volgens die naam van die konstruktor. Die parameters in hierdie voorbeeld is die heelgetalle `x` en `y`.

Prent getiteld Maak `n GUI-rooster in Java Stap 5

Skep die raamwerk:

Die raamwerk moet genoem word. Om te verseker dat dit buite die ButtonGrid-konstruktormetode verwys kan word, moet u dit buite daardie metode plaas, maar binne die klas. Die meeste van die veranderlikes word in die klas hierbo genoem, net voor die konstruktor. Om `n nuwe raam te skep, skryf: JFrame raam = nuwe JFrame () -

Binne die konstruktormetode moet ons seker maak dat al die knoppies binne die roosterontwerp geplaas sal word. Om dit te doen stel ons die raamontwerp in deur te tik: frame.setLayout (nuwe GridLayout (x, y)) -

Dit is nie verpligtend nie, noodwendig, maar om die raam is gesluit deur te kliek op die `x` knoppie in die boonste regterkantste hoek moet die lyn te voeg: frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE) -

Sodat die raam `n geskikte grootte het en dat tussen alles, sal ons die pakopdrag moet uitvoer: frame.pack () -

Ten slotte moet ons die raam sigbaar maak: raam.setVisibel (waar) -

Prent getiteld Maak `n GUI rooster in Java Stap 6

Skep die knoppie rooster:

Die knoppies waarmee die gebruiker saamwerk, moet gemaak word, maar aangesien ons nie weet hoeveel ons nodig het nie, moet hulle eers vernoem word. So onmiddellik na die lyn waarop jy die raamwerk geskep skep knoppies] GRID JButton [] [Die twee pare van hakies is daar om aan te dui dat die JButton se van die rooster is geformateer twee dimensions- as daar net was `n stel hakies sou dan eenvoudig `n ry JButton`s wees, wat ewe veel sal werk, maar dit is makliker om te verwys watter knoppie geskep word of met watter een dit in wisselwerking is as dit in twee dimensies is.

Die JButtons is vernoem, maar ons moet nog weet hoeveel knoppies daar sal wees. Jy moet `n reël kode by die konstruktor voeg wat die hoeveelheid kry: rooster = nuut JButton [breedte] [lengte] -

Noudat vasgestel is dat daar `n sekere aantal knoppies sal wees, moet elkeen geskep word. Die maklikste manier om dit te doen is met twee lusse, een vir die x-as en die ander vir die y-as. Binne-in die twee sirkelroetes skep `n nuwe knoppie, en vir maklike verwysing voorbeeld stel teks in elke knoppie sodat ons weet waar elke knoppie op die twee-dimensionele skikking. Om `n knoppie te skep, moet jy binne die lus grid [x] [y] = nuwe JButton"("+ x +","+ y +")") -

Prent getiteld Maak `n GUI Grid in Java Stap 7

Voeg die knoppies by die raam. Binne die lus moet ons die knoppies in die raam sit met `n eenvoudige opdrag: raam.add (rooster [x] [y]) -

Prent getiteld Maak `n GUI Grid in Java Stap 8

Skep die ButtonGrid-instansie. In die hoofklastipe: Nuwe ButtonGrid (3,3) - Die twee drie maak dit `n 3 by 3 rooster, en jy kan enige twee positiewe getalle plaas.

Prent getiteld Maak `n GUI rooster in Java Stap 9

Voer die program uit. Om dit in Eclipse te doen, druk Ctrl + F11

Prent getiteld Maak `n GUI Grid in Java Stap 10

Vind meer oor java: https://java.sun.com/j2se/1.4.2/docs/api/index-files/index-1.html

Meer met knoppies: Om die knoppies van iets te laat lyk, kyk na ActionListener ()

Stappe van die Kode

Die hoofklas:

openbare klas ButtonGrid {publieke statiese leegte hoof (String [] args) {}}

invoer:

invoer javax.swing.JFrame-invoer javax.swing.JButton-invoer java.awt.GridLayout-openbare klas ButtonGrid {...

Bouer Kode:

openbare klas ButtonGrid {openbare ButtonGrid (int breedte, int lengte) {}} ...

Raamkode:

openbare klas ButtonGrid {JFrame raam = nuwe JFrame () - openbare ButtonGrid (int breedte, int lengte) {frame.setLayout (nuwe GridLayout (breedte, lengte)) - frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE) -frame.pack () - raam.setVisibel (waar) -}} ...

Knoppie Roosterkode:

| JFrame raam = nuwe JFrame () - // skep marcoJButton [] [] // rombra die rooster-rooster botonespublic ButtonGrid (int breedte, int lengte) {// constructor 2 parámetrosframe.setLayout (nuwe GridLayout (breedte, lengte)) - // vaste ontwerp marcogrid = nuwe JButton [breedte] [lengte] - // definieer die grootte grillafor (int y = 0- en

Knoppies by die raam voeg:

vir (int y = 0- y

Skep `n voorbeeld vir `n knoppie rooster:

publieke statiese leegte hoof (String [] args) {nuwe ButtonGrid (3,3) - // skep nuwe ButtonGrid met 2 parameters} ...

Finale Kode:

// invoer javax.swing.JFrame- saak biblioteek JFrameimport javax.swing.JButton- // // java.awt.GridLayout- saak biblioteek JButtonimport saak klas biblioteek GridLayoutpublic ButtonGrid {JFrame raam = nuwe JFrame () - // skep marcoJButton [] [] // rombra die rooster-rooster botonespublic ButtonGrid (int breedte, int lengte) {//constructorframe.setLayout(new GridLayout (breedte, lengte)) - // skep die nuwe JButton diseñogrid = [breedte] [lengte ] - // bepaal die grootte van die gridfor (int y = 0- en

invoer javax.swing.JFrame- // invoer JFrame biblioteek invoer javax.swing.JButton- // invoer JButton biblioteek invoer java.awt.GridLayout- // invoer GridLayout biblioteek

openbare klas ButtonGrid {

JFrame raam = nuwe JFrame () - // skep die JButton raam [] [] rooster- / breek die knoppie rooster

openbare ButtonGrid (int breedte, int lengte) {// constructor frame.setLayout (nuwe GridLayout (breedte, lengte)) - // skep die ontwerp rooster = nuwe JButton [breedte] [lengte] - // bepaal die grootte van die rooster vir (int y = 0- y

}

Deel op sosiale netwerke:

Verwante