Hoe maak je een grafische interface van raster in Java

In deze fase doet het raster niets bijzonders. Maar als je een beetje onderzoek doet, kun je actie-listeners en een beetje logica toevoegen om een eenvoudig 2D-spel te maken zoals het Drie online

Inhoud

Stappen

Stappen van de code

, of sommige ingewikkelder zoals Zeeslag.

Opmerking: Dit artikel maakt gebruik Eclipse in alle voorbeelden, dus het kan anders in je IDE. Dit moet zeer vergelijkbaar met wat er zou moeten JCreator zijn, maar niet of je een IDE GUI gebruiken als NetBeans, voornamelijk als gevolg van de drag and drop methode NetBeans.

stappen

Titel afbeelding Make a GUI Grid in Java Stap 1

Maak een Java-project. Dit is vrij eenvoudig. Start uw IDE en maak een nieuw project. Noem het wat je wilt. In het voorbeeld is dit buttongrid.

De naam doet er niet toe, omdat dit alleen de naam van het bestand is.

Titel afbeelding Make a GUI Grid in Java Stap 2

Maak een Java-klasse met de hoofdmethode. Maak een nieuwe klas en noem hem zoals je wilt. In het voorbeeld is dit buttongrid. Voor Eclipse-gebruikers moet u het vak met de naam public static void main markeren (string [] args), zodat u het niet hoeft te schrijven wanneer u begint.

Deze naam is belangrijker dan de vorige, omdat het een enkel woord moet zijn of niet bruikbaar.

Titel afbeelding Make a GUI Grid in Java Step 3

Importeer de bibliotheken. Dit brengt aan je code alle informatie die je nodig hebt om het te schrijven. U moet javax.swing.JFrame, javax.swing.JButton en java.awt.Gridlayout importeren. Dit wordt vóór het begin van de klas geplaatst, ergens tussen lijn 1 en 3, ongeacht de volgorde waarin ze zich bevinden.

Titel afbeelding Make a GUI Grid in Java Step 4

Maak een constructor De constructor maakt een nieuw exemplaar van de klasse buttongrid aan, waardoor verschillende buttridrids afzonderlijke informatie kunnen hebben. Alle builders moeten dezelfde naam krijgen als hun klassen. Bouwers hebben niets eerder nodig, maar worden meestal `openbaar` gemaakt voor een betere referentie. Constructors worden meestal als eerste methode in een klas geplaatst, dus het gaat onmiddellijk achter de naam van de klas. Het moet echter in de klas worden geplaatst. De constructeur van de buttongrid heeft parameters nodig die tussen haakjes worden geplaatst volgens de naam van de constructor. De parameters in dit voorbeeld zijn de gehele getallen `x` en `y`.

Titel afbeelding Make a GUI Grid in Java Stap 5

Creëer het Framework:

Het raamwerk moet worden genoemd. Om er zeker van te zijn dat ernaar kan worden verwezen buiten de methode ButtonGrid-constructor, moet u deze buiten die methode plaatsen, maar binnen de klasse. De meeste variabelen worden genoemd in de bovenstaande klasse, net voor de constructor. Om een nieuw frame te schrijven: JFrame frame = new JFrame () -

Binnen de constructormethode moeten we ervoor zorgen dat alle knoppen in het roosterontwerp worden geplaatst. Om dit te doen, stellen we het frame-ontwerp in door te typen: frame.setLayout (nieuwe GridLayout (x, y)) -

Het is niet verplicht, per se, maar om het frame wordt gesloten door te klikken op de `x` knop in de rechterbovenhoek nodig om de regel toe te voegen: frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE) -

Zodat het frame een geschikte grootte heeft en dat tussen alles, we de opdracht pack moeten uitvoeren: frame.pack () -

Ten slotte moeten we het frame zichtbaar maken: frame.setVisible (true) -

Titel afbeelding Make a GUI Grid in Java Step 6

Maak het knopraster:

Knoppen waarmee de gebruiker interageert gedaan moeten worden, maar aangezien niet weten hoeveel we nodig hebben, eerst moet worden genoemd. Dus direct na de regel waarin u de gecreëerde kader creëert knoppen] GRID JButton [] [De twee paren beugels zijn er om aan te geven dat de JButton`s van het rooster worden opgemaakt twee Afmetingen- als er alleen waren een set haakjes dan zou het gewoon een rij van JButton, die ook zou werken, maar het is makkelijker om te verwijzen naar welke knop wordt gemaakt of wat je interactie als in twee dimensies.

De JButtons zijn genoemd, maar we moeten nog steeds weten hoeveel knoppen er zullen zijn. U moet een regel code toevoegen aan de constructor die die hoeveelheid krijgt: grid = new JButton [width] [length] -

Nu is vastgesteld dat er een bepaald aantal knoppen is, moet elke een worden gemaakt. De gemakkelijkste manier om dit te doen is met twee lussen, één voor de x-as en de andere voor de y-as. Binnen de twee loops zullen we een nieuwe knop maken en voor een betere referentie plaatst het voorbeeld tekst in elke knop zodat we weten waar elke knop zich in de tweedimensionale array bevindt. Als u een knop wilt maken, moet u in de lus raster [x] [y] = nieuwe JButton plaatsen ("("+ x +","+ y +")") -

Titel afbeelding Make a GUI Grid in Java Step 7

Voeg de knoppen toe aan het frame. In de loop moeten we de knoppen in het frame plaatsen met een eenvoudige opdracht: frame.add (grid [x] [y]) -

Titel afbeelding Make a GUI Grid in Java Step 8

Maak de ButtonGrid-instantie. In de hoofdklasse type: nieuwe ButtonGrid (3,3) - De twee drie maken er een rooster van 3 bij 3 van, en je kunt twee positieve getallen plaatsen.

Titel afbeelding Make a GUI Grid in Java Step 9

Voer het programma uit. Om dit in Eclipse te doen, druk je op Ctrl + F11

Titel afbeelding Make a GUI Grid in Java Stap 10

Ontdek meer over java: http://java.sun.com/j2se/1.4.2/docs/api/index-files/index-1.html

Meer met knoppen: om de knoppen van iets te laten opzoeken actie Luisteraar ()

Stappen van de code

De hoofdklasse:

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

invoer:

import javax.swing.JFrame-import javax.swing.JButton-import java.awt.GridLayout-public class ButtonGrid {...

Bouwercode:

public class ButtonGrid {public ButtonGrid (int width, int length) {}} ...

Frame Code:

public class ButtonGrid {JFrame kader = new JFrame () - public ButtonGrid (int breedte, int lengte) {frame.setLayout (nieuw GridLayout (breedte, lengte)) - frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE) -frame.pack () - frame.setVisible (true) -}} ...

Button Grid Code:

| JFrame kader = new JFrame () - // creëert marcoJButton [] [] // rombra het raster-raster botonespublic ButtonGrid (int breedte, int lengte) {// constructor 2 parámetrosframe.setLayout (nieuw GridLayout (breedte, lengte)) - // vaste ontwerp marcogrid = new JButton [breedte] [length] - // bepalen de grootte grillafor (int y = 0- en

Knoppen aan het frame toevoegen:

voor (int y = 0- y

Een instantie voor een knoppenraster maken:

public static void main (String [] args) {new ButtonGrid (3,3) - // create new ButtonGrid with 2 parameters} ...

Eindcode:

// import javax.swing.JFrame- kwestie bibliotheek JFrameimport javax.swing.JButton- // // java.awt.GridLayout- kwestie bibliotheek JButtonimport kwestie class library GridLayoutpublic ButtonGrid {JFrame kader = new JFrame () - // creëert marcoJButton [] [] // rombra het raster-raster botonespublic ButtonGrid (int breedte, int lengte) {//constructorframe.setLayout(new GridLayout (breedte, lengte)) - // creëren nieuwe JButton diseñogrid = [breedte] [lengte ] - // de grootte van de grillafor (int y = 0- en bepaal

javax.swing.JFrame- // invoer importeren import-bibliotheek JFrame // invoer javax.swing.JButton- import bibliotheek java.awt.GridLayout- JButton // invoer bibliotheek GridLayout

public class ButtonGrid {

JFrame-frame = nieuw JFrame () - // maakt het JButton-frame [] [] raster- // breekt het knoppenraster

public ButtonGrid (int breedte, int lengte) {// constructor frame.setLayout (nieuw GridLayout (breedte, lengte)) - // creëren ontwerpraster = new JButton [breedte] [length] - // bepaalt de grootte van het raster voor (int y = 0- en

}

Delen op sociale netwerken:

Verwant