Tutorial Java Swing:Cara Membuat Aplikasi GUI di Java

Apa itu Swing di Java?

Berayun di Jawa adalah toolkit Graphical User Interface (GUI) yang mencakup komponen GUI. Swing menyediakan serangkaian widget dan paket yang kaya untuk membuat komponen GUI yang canggih untuk aplikasi Java. Swing adalah bagian dari Java Foundation Classes (JFC), yang merupakan API untuk pemrograman Java GUI yang menyediakan GUI.

Pustaka Java Swing dibuat di atas Java Abstract Widget Toolkit (AWT ), toolkit GUI yang lebih lama dan bergantung pada platform. Anda dapat menggunakan komponen pemrograman GUI Java sederhana seperti tombol, kotak teks, dll., dari perpustakaan dan tidak perlu membuat komponen dari awal.

Dalam tutorial Java Swing ini, Anda akan mempelajari dasar-dasar Java GUI seperti-

• Apa itu Swing di Java?
• Apa itu Kelas Kontainer?
• Apa itu GUI di Java?
• Cara Membuat GUI di Java dengan Contoh
• Pengelola Tata Letak Java
• Tata Letak Batas Java
• Java FlowLayout
• Java GridBagLayout

Diagram Hirarki Kelas Java Swing

Semua komponen di Java Swing adalah JComponent yang dapat ditambahkan ke kelas container.

Apa itu Kelas Kontainer?

Kelas kontainer adalah kelas yang dapat memiliki komponen lain di dalamnya. Jadi untuk membuat Java Swing GUI, kita membutuhkan setidaknya satu objek container. Ada 3 jenis container Java Swing.

1. Panel :Ini adalah wadah murni dan bukan jendela itu sendiri. Satu-satunya tujuan Panel adalah mengatur komponen ke jendela.
2. Bingkai :Ini adalah jendela yang berfungsi penuh dengan judul dan ikonnya.
3. Dialog :Ini dapat dianggap seperti jendela pop-up yang muncul ketika sebuah pesan harus ditampilkan. Ini bukan jendela yang berfungsi penuh seperti Frame.

Apa itu GUI di Java?

GUI (Antarmuka Pengguna Grafis) di Jawa adalah pembuat pengalaman visual yang mudah digunakan untuk aplikasi Java. Hal ini terutama terbuat dari komponen grafis seperti tombol, label, jendela, dll di mana pengguna dapat berinteraksi dengan aplikasi. GUI memainkan peran penting untuk membangun antarmuka yang mudah untuk aplikasi Java.

Cara Membuat GUI di Java dengan Contoh

Sekarang di Tutorial Java GUI ini, mari kita pahami cara membuat GUI di Java dengan contoh Swings in Java.

Langkah 1) Salin kode ke editor
Pada langkah pertama Salin kode berikut ke 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 button = new JButton("Press");
       frame.getContentPane().add(button); // Adds Button to content pane of frame
       frame.setVisible(true);
    }
}

Langkah 2) Jalankan kodenya
Langkah selanjutnya, Simpan, Kompilasi, dan Jalankan kodenya

Langkah 3) Salin kode berikut ke dalam editor
Sekarang mari Tambahkan Tombol ke bingkai kita. Salin kode berikut ke editor dari Contoh UI Java yang diberikan

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);
     }
}

Langkah 4) Jalankan kodenya
Selanjutnya, Jalankan kodenya. Anda akan mendapatkan tombol besar.

Langkah 5) Tambahkan dua tombol
Bagaimana kalau menambahkan dua tombol? Salin kode berikut ke dalam 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);
     }
}

Langkah 6) Simpan &Jalankan program
Selanjutnya, Simpan, Kompilasi, dan Jalankan program.

Langkah 7) Periksa keluaran
Keluaran tak terduga =? Tombol semakin tumpang tindih.

Manajer Tata Letak Java

Manajer Layout digunakan untuk menata (atau mengatur) komponen Java GUI di dalam wadah. Ada banyak pengelola tata letak, tetapi yang paling sering digunakan adalah-

Java BorderLayout

Sebuah BorderLayout menempatkan komponen di hingga lima area:atas, bawah, kiri, kanan, dan tengah. Ini adalah pengelola tata letak default untuk setiap Java JFrame

Java FlowLayout

FlowLayout adalah pengelola tata letak default untuk setiap JPanel . Ini hanya meletakkan komponen dalam satu baris satu demi satu.

Java GridBagLayout

Ini adalah yang lebih canggih dari semua tata letak. Ini menyelaraskan komponen dengan menempatkannya di dalam kotak sel, memungkinkan komponen menjangkau lebih dari satu sel.

Langkah 8) Buat bingkai obrolan
Bagaimana kalau membuat bingkai obrolan seperti di bawah ini?

Cobalah membuat kode sendiri sebelum melihat program di bawah ini.

//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);
    }
}