Πώς να φτιάξετε ένα πλέγμα GUI σε Java (με εικόνες)

Πίνακας περιεχομένων:

Πώς να φτιάξετε ένα πλέγμα GUI σε Java (με εικόνες)
Πώς να φτιάξετε ένα πλέγμα GUI σε Java (με εικόνες)

Βίντεο: Πώς να φτιάξετε ένα πλέγμα GUI σε Java (με εικόνες)

Βίντεο: Πώς να φτιάξετε ένα πλέγμα GUI σε Java (με εικόνες)
Βίντεο: 🔴 TUTORIAL INKSCAPE, Πώς να φτιάξετε ένα κουτί CARTON ⭐⭐⭐⭐⭐ 2024, Ενδέχεται
Anonim

Το Grid δεν κάνει τίποτα ιδιαίτερο σε αυτό το στάδιο, αλλά με λίγη έρευνα, μπορείτε να προσθέσετε ακροατές δράσης και λίγη λογική για να φτιάξετε ένα απλό 2D παιχνίδι όπως το tic-tac-toe ή πιο περίπλοκα όπως το Battleship.

Σημείωση: Αυτό το άρθρο χρησιμοποιεί το Eclipse για όλα τα παραδείγματα, ώστε τα πράγματα να είναι διαφορετικά ανάλογα με το IDE σας. Αυτό θα πρέπει να είναι πολύ παρόμοιο με αυτό που θα χρειαστείτε στο JCreator, αλλά είναι μάλλον άχρηστο για ένα IDE που βασίζεται σε GUI όπως το NetBeans όμως, κυρίως λόγω της μεθόδου drag and drop του NetBeans.

Βήματα

Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 1
Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 1

Βήμα 1. Δημιουργήστε ένα έργο Java

Αυτό είναι μάλλον απλό. Ενεργοποιήστε το IDE και δημιουργήστε ένα νέο έργο. Ονομάστε το όπως εσείς επιθυμείτε. Το παράδειγμα θα είναι buttongrid.

Αυτό το όνομα δεν έχει καμία απολύτως σημασία αφού είναι μόνο το όνομα του αρχείου που θα δοθεί

Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 2
Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 2

Βήμα 2. Δημιουργήστε μια κλάση Java με μια κύρια μέθοδο

Δημιουργήστε μια νέα τάξη και ονομάστε την ό, τι θέλετε. Το παράδειγμα θα είναι buttongrid. Για έναν χρήστη Eclipse θα θέλετε να τικάρει το πλαίσιο που ονομάζεται public static void main (string args), οπότε δεν θα χρειαστεί να το πληκτρολογήσετε κατά την εκκίνηση.

Αυτό το όνομα είναι πιο σημαντικό από το προηγούμενο επειδή θα πρέπει να είναι ως μία λέξη ή αλλιώς δεν θα μπορεί να χρησιμοποιηθεί

Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 3
Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 3

Βήμα 3. Εισαγωγή βιβλιοθηκών

Αυτό φέρνει όλες τις πληροφορίες που θα χρειαστείτε για να γράψετε τον κωδικό σας σε αυτόν τον κώδικα. Θα χρειαστεί να εισαγάγετε javax.swing. JFrame, javax.swing. JButton και java.awt. Gridlayout. Αυτά τοποθετούνται πριν από την έναρξη της τάξης, κάπου στις γραμμές μεταξύ 1 και 3, η σειρά που βρίσκονται εκεί δεν έχει σημασία.

Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 4
Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 4

Βήμα 4. Δημιουργήστε έναν κατασκευαστή

Ο κατασκευαστής δημιουργεί μια νέα περίπτωση της κλάσης buttongrid που επιτρέπει σε πολλά διαφορετικά πλέγματα κουμπιών να έχουν όλα ξεχωριστές πληροφορίες. Όλοι οι κατασκευαστές πρέπει να ονομάζονται ίδιοι με την κατηγορία τους. Οι κατασκευαστές δεν χρειάζονται τίποτα πριν από αυτό, αλλά το "δημόσιο" συχνά τοποθετείται εκεί για ευκολία αναφοράς. Οι κατασκευαστές τοποθετούνται συχνά ως η πρώτη μέθοδος σε μια κλάση, οπότε πηγαίνει αμέσως μετά το όνομα της κλάσης, ωστόσο, πρέπει να τοποθετηθεί εντός της τάξης. Ο ενισχυτής πλέγματος χρειάζεται παραμέτρους, οι οποίες τοποθετούνται σε αγκύλες μετά το όνομα του κατασκευαστή. Οι παράμετροι σε αυτό το παράδειγμα είναι ακέραιοι αριθμοί 'x' και 'y'.

Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 5
Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 5

Βήμα 5. Δημιουργία πλαισίου:

  1. Το πλαίσιο πρέπει να ονομάζεται. Για να βεβαιωθείτε ότι μπορεί να γίνει αναφορά εκτός της μεθόδου κατασκευής ButtonGrid, τοποθετήστε το έξω από αυτήν τη μέθοδο, αλλά εντός της κλάσης. Οι περισσότερες μεταβλητές ονομάζονται στην κορυφή της κλάσης ακριβώς πριν από τον κατασκευαστή. Για να δημιουργήσετε ένα νέο πλαίσιο πληκτρολογείτε: JFrame frame = new JFrame ();
  2. Μέσα στη μέθοδο κατασκευής πρέπει να βεβαιωθούμε ότι όλα τα κουμπιά έχουν τοποθετηθεί στη διάταξη του πλέγματος. Για να το κάνουμε αυτό, ορίζουμε τη διάταξη του πλαισίου πληκτρολογώντας: frame.setLayout (νέο GridLayout (x, y));
  3. Όχι απαραίτητα υποχρεωτικό, αλλά για να κλείσουμε το πλαίσιο όταν πατάμε το κουμπί «x» στην επάνω δεξιά γωνία, πρέπει να προσθέσουμε τη γραμμή: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE);
  4. Για να κάνουμε το πλαίσιο σωστό μέγεθος ώστε να ταιριάζει σε όλα, πρέπει να εκτελέσουμε την εντολή pack: frame.pack ();
  5. Τέλος, για το πλαίσιο πρέπει να το κάνουμε έτσι ώστε να είναι ορατό: frame.setVisible (true);

    Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 6
    Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 6

    Βήμα 6. Δημιουργία πλέγματος κουμπιών:

    1. Τα κουμπιά με τα οποία αλληλεπιδρά ο χρήστης πρέπει να γίνουν, αλλά επειδή δεν ξέρουμε πόσα χρειαζόμαστε, πρέπει πρώτα να ονομαστούν. Έτσι, ακριβώς κάτω από τη γραμμή όπου δημιουργείτε πλαίσιο, δημιουργήστε τα κουμπιά: JButton grid; Τα δύο σύνολα τετράγωνων αγκυλών είναι εκεί για να πουν ότι τα JButton στο πλέγμα διατηρούνται σε δισδιάστατη μορφή, αν υπήρχε μόνο ένα σετ αγκύλες τότε θα ήταν απλώς μια γραμμή του JButton, η οποία εξακολουθεί να λειτουργεί, είναι απλώς ευκολότερη αναφορά σε ποιο κουμπί δημιουργείται ή αλληλεπιδρά όταν είναι δισδιάστατο.
    2. Τα JButton's ονομάστηκαν, αλλά πρέπει ακόμα να πούμε πόσα κουμπιά υπάρχουν. Πρέπει να προσθέσετε μια γραμμή κώδικα στον κατασκευαστή που ορίζει το ποσό: grid = new JButton [width] [length];
    3. Τώρα που έχει καθοριστεί ότι θα υπάρχει ένας συγκεκριμένος αριθμός κουμπιών, πρέπει να δημιουργηθεί το καθένα. Ο ευκολότερος τρόπος για να γίνει αυτό είναι με δύο βρόχους, έναν για τον άξονα x, έναν για τον άξονα y. Μέσα στους δύο βρόχους κάνουμε ένα νέο κουμπί και για ευκολία αναφοράς το παράδειγμα τοποθετεί κείμενο μέσα σε κάθε κουμπί, ώστε να γνωρίζουμε ποιο κουμπί στη δισδιάστατη συστοιχία είναι που. Για να δημιουργήσετε ένα κουμπί, μέσα στο βρόχο πρέπει να βάλετε πλέγμα [x] [y] = νέο JButton ("("+x+","+y+")");

      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 7
      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 7

      Βήμα 7. Προσθέστε κουμπιά στο πλαίσιο

      Μέσα στον βρόχο πρέπει να τοποθετήσουμε τα κουμπιά στο πλαίσιο με μια απλή εντολή: frame.add (πλέγμα [x] [y]);

      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 8
      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 8

      Βήμα 8. Δημιουργήστε το ButtonGrid Instance

      Στην κύρια κατηγορία σας πληκτρολογήστε: νέο ButtonGrid (3, 3). Τα δύο τρία είναι ένα πλέγμα 3 επί 3, και οι δύο θετικοί αριθμοί μπορούν να τοποθετηθούν εκεί.

      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 9
      Δημιουργήστε ένα πλέγμα GUI στην Java Βήμα 9

      Βήμα 9. Εκτέλεση προγράμματος

      Για να το κάνετε αυτό στην έκλειψη, πατήστε Ctrl+F11

      Μέθοδος 1 από 1: Βήματα Κώδικας

      Η κύρια τάξη:

      δημόσια τάξη ButtonGrid {public static void main (String args) {}}

      Εισαγωγές:

      εισαγωγή javax.swing. JFrame; εισαγωγή javax.swing. JButton; εισαγωγή java.awt. GridLayout; δημόσια τάξη ButtonGrid {…

      Κωδικός Κατασκευαστή:

      δημόσια τάξη ButtonGrid {δημόσιο ButtonGrid (int πλάτος, int μήκος) {}}…

      Κωδικός πλαισίου:

      δημόσια τάξη ButtonGrid {JFrame frame = new Jframe (); δημόσιο ButtonGrid (int πλάτος, int μήκος) {frame.setLayout (νέο GridLayout (πλάτος, μήκος)); frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (true); }}…

      Κωδικός πλέγματος κουμπιού:

      | JFrame frame = νέο JFrame (); // δημιουργεί πλέγμα πλαισίου JButton . // ονομάζει το πλέγμα των κουμπιών public ButtonGrid (int πλάτος, int μήκος) {// κατασκευαστής με 2 παραμέτρους frame.setLayout (νέο GridLayout (πλάτος, μήκος)); // καθορισμός διάταξης πλέγματος πλαισίου = νέο JButton [πλάτος] [μήκος]; // εκχωρήστε το μέγεθος του πλέγματος για (int y = 0; y <μήκος; y ++) {για (int x = 0; x <πλάτος; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); frame.add (πλέγμα [x] [y]); // προσθέτει το κουμπί στο πλέγμα}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (true); }…

      Προσθήκη κουμπιών στο πλαίσιο:

      για (int y = 0; y <μήκος; y ++) {for (int x = 0; x <width; x ++) {grid [x] [y] = new JButton ("("+x+","+y+") "); frame.add (πλέγμα [x] [y]); }}…

      Δημιουργία πλέγματος πλέγματος κουμπιού:

      public static void main (String args) {new ButtonGrid (3, 3); // δημιουργεί νέο ButtonGrid με 2 παραμέτρους}…

      Τελικός Κώδικας:

      εισαγωγή javax.swing. JFrame; // εισάγει βιβλιοθήκη JFrame εισαγωγή javax.swing. JButton; // εισάγει βιβλιοθήκη JButton εισαγωγή java.awt. GridLayout; // εισάγει τη δημόσια τάξη της βιβλιοθήκης GridLayout ButtonGrid {JFrame frame = new JFrame (); // δημιουργεί πλέγμα πλαισίου JButton . // ονομάζει το πλέγμα των κουμπιών public ButtonGrid (int πλάτος, int μήκος) {// constructor frame.setLayout (νέο GridLayout (πλάτος, μήκος)); // σύνολο πλέγματος διάταξης = νέο JButton [πλάτος] [μήκος]; // εκχωρήστε το μέγεθος του πλέγματος για (int y = 0; y <μήκος; y ++) {για (int x = 0; x <πλάτος; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); // δημιουργεί νέο κουμπί frame.add (πλέγμα [x] [y]); // προσθέτει το κουμπί στο πλέγμα}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // ορίζει το κατάλληλο μέγεθος για το πλαίσιο frame.setVisible (true); // καθιστά ορατό το πλαίσιο} public static void main (String args) {new ButtonGrid (3, 3); // κάνει νέο ButtonGrid με 2 παραμέτρους}}

      εισαγωγή javax.swing. JFrame; // εισάγει βιβλιοθήκη JFrame εισαγωγή javax.swing. JButton; // εισάγει βιβλιοθήκη JButton εισαγωγή java.awt. GridLayout; // εισάγει βιβλιοθήκη GridLayout

      δημόσια τάξη ButtonGrid {

      Πλαίσιο JFrame = νέο JFrame (); // δημιουργεί πλέγμα πλαισίου JButton . // ονομάζει το πλέγμα των κουμπιών

      δημόσιο ButtonGrid (int πλάτος, int μήκος) {// κατασκευαστής frame.setLayout (νέο GridLayout (πλάτος, μήκος)); // σύνολο πλέγματος διάταξης = νέο JButton [πλάτος] [μήκος]; // εκχωρήστε το μέγεθος του πλέγματος για (int y = 0; y <μήκος; y ++) {για (int x = 0; x <πλάτος; x ++) {grid [x] [y] = new JButton ("("+ x+","+y+")"); // δημιουργεί νέο κουμπί frame.add (πλέγμα [x] [y]); // προσθέτει το κουμπί στο πλέγμα}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // ορίζει το κατάλληλο μέγεθος για το πλαίσιο frame.setVisible (true); // καθιστά ορατό το πλαίσιο} public static void main (String args) {new ButtonGrid (3, 3); // κάνει νέο ButtonGrid με 2 παραμέτρους}

Συνιστάται: