Java Swing Tutorial: Hoe maak je een GUI-applicatie in Java

Waar zit GUI in Java?

GUI (grafische gebruikersinterface) in Java is een eenvoudig te gebruiken visuele ervaringsbouwer voor Java toepassingen. Het bestaat voornamelijk uit grafische componenten zoals knoppen, labels, vensters, etc. waarmee de gebruiker met een toepassing kan interacteren. GUI speelt een belangrijke rol bij het bouwen van eenvoudige interfaces voor Java toepassingen.

import javax.swing.*;
class gui{
    public static void main(String args[]){
       JFrame frame = new JFrame("My First GUI");
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       frame.setSize(300,300);
       JButton button = new JButton("Press");
       frame.getContentPane().add(button); // Adds Button to content pane of frame
       frame.setVisible(true);
    }
}

Stap 2) Voer de code uit
Volgende stap: de code opslaan, compileren en uitvoeren

Stap 3) Kopieer de volgende code in een editor
Laten we nu een knop toevoegen aan ons frame. Kopieer de volgende code in een editor van gegeven Java UI-voorbeeld

import javax.swing.*;
   class gui{
      public static void main(String args[]){
        JFrame frame = new JFrame("My First GUI");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300,300);
       JButton button1 = new JButton("Press");
       frame.getContentPane().add(button1);
       frame.setVisible(true);
     }
}

Stap 4) Voer de code uit
Voer vervolgens de code uit. Je krijgt een grote knop.

Stap 5) Voeg twee knoppen toe

Wat dacht je van het toevoegen van twee knoppen? Kopieer de volgende code in een editor.

import javax.swing.*;
class gui{
      public static void main(String args[]){
           JFrame frame = new JFrame("My First GUI");
           frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
           frame.setSize(300,300);
          JButton button1 = new JButton("Button 1");
          JButton button2 = new JButton("Button 2");
          frame.getContentPane().add(button1);
          frame.getContentPane().add(button2);
          frame.setVisible(true);
     }
}

Stap 6) Bewaar en voer het programma uit
Vervolgens slaat u het programma op, compileert u het en voert u het uit.

Stap 7) Controleer de uitvoer
Onverwachte uitvoer =? Knoppen gaan elkaar overlappen.

Java Layout Manager

De Layout Manager wordt gebruikt om de GUI op te maken (of in te delen). Java componenten in een container. Er zijn veel lay-outmanagers, maar de meest gebruikte zijn:

Java Randindeling

A BorderLayout plaatst componenten in maximaal vijf gebieden: boven, onder, links, rechts en midden. Het is de standaard layoutmanager voor elk Java JFrame

Java FlowLayout

FlowLayout is de standaard lay-outmanager voor elk JPanel. Het legt de componenten eenvoudigweg in een enkele rij achter elkaar neer.

Java GridBagLay-out

Het is de meest geavanceerde van alle lay-outs. Het lijnt componenten uit door ze binnen een raster van cellen te plaatsen, waardoor componenten meer dan één cel kunnen beslaan.

Stap 8) Chatframe maken
Wat dacht je van het maken van een chatframe zoals hieronder?

Probeer zelf te coderen voordat u het onderstaande programma bekijkt.

//Usually you will require both swing and awt packages
// even if you are working with just swings.
import javax.swing.*;
import java.awt.*;
class gui {
    public static void main(String args[]) {

        //Creating the Frame
        JFrame frame = new JFrame("Chat Frame");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 400);

        //Creating the MenuBar and adding components
        JMenuBar mb = new JMenuBar();
        JMenu m1 = new JMenu("FILE");
        JMenu m2 = new JMenu("Help");
        mb.add(m1);
        mb.add(m2);
        JMenuItem m11 = new JMenuItem("Open");
        JMenuItem m22 = new JMenuItem("Save as");
        m1.add(m11);
        m1.add(m22);

        //Creating the panel at bottom and adding components
        JPanel panel = new JPanel(); // the panel is not visible in output
        JLabel label = new JLabel("Enter Text");
        JTextField tf = new JTextField(10); // accepts upto 10 characters
        JButton send = new JButton("Send");
        JButton reset = new JButton("Reset");
        panel.add(label); // Components Added using Flow Layout
        panel.add(tf);
        panel.add(send);
        panel.add(reset);

        // Text Area at the Center
        JTextArea ta = new JTextArea();

        //Adding Components to the frame.
        frame.getContentPane().add(BorderLayout.SOUTH, panel);
        frame.getContentPane().add(BorderLayout.NORTH, mb);
        frame.getContentPane().add(BorderLayout.CENTER, ta);
        frame.setVisible(true);
    }
}