DEV Community

The Newbie
The Newbie

Posted on

Cara Membuat Aplikasi GUI Menggunakan Java Swing

Apa itu Swing di JAVA

Swing di Java adalah toolkit Graphical User Interface atau GUI yang mencakup komponen GUI. Swing menyediakan serangkaian widget dan paket yang kaya akan komponen GUI yang canggih untuk aplikasi Java. Swing merupakan bagian dari Java Foundation Classes yang disingkat JFC, yang merupakan API untuk pemrograman Java GUI yang menyediakan GUI.

Library Java Swing dibangun diatas Java Abstrack Widget Toolkit (AWT), toolkit GUI yang lebih lama dan bergantung pada platform.

Kamu dapat menggunakan komponen pemrogramman GUI Java sederhana seperti button , textbox , dll.,dari perpustakaan dan nggak perlu lagi kamu membuat komponen dari awal

Dalam Tutorial yang admin berikan ini kamu akan mempelajari dasar dasar Java GUI seperti

Diagram Hirarki Java Swing Class

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

Apa itu Container Class ?

Container class 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 : Panel merupakan wadah murni dan bukan jendela itu sendiri. Tujuannya yaitu untuk mengatur komponen ke jendela.

  1. Bingkai atau Frame : Ini adalah jendela yang berfungsi penuh dengan judul dan ikonnya.

  2. Dialog : Ini juga dapat dianggap seperti jendela pop up yang muncul ketika sebuah pesan harus ditampilkan

Apa itu GUI di Java?

GUI (Graphical User Interface) di Java adalah pembangun 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 Dibawah

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 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 button = new JButton("Press");

   frame.getContentPane().add(button); // Adds Button to content pane of frame

   frame.setVisible(true);

}
Enter fullscreen mode Exit fullscreen mode

}

Link tidak bisa dicopas ? Klik disini

=========================================

Langkah 2) Run kode

Langkah selanjutnya, Simpan, Compile, dan Run 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);

 }
Enter fullscreen mode Exit fullscreen mode

}

Link tidak bisa dicopas ? Klik disini

Langkah 4) Jalankan kode

Selanjutnya, Jalankan kodenya. Anda akan melihat sebuah tombol yang besar.

Langkah 5) Tambahkan dua buah button

Bagaimana cara menambahkan dua buah button? 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);

 }
Enter fullscreen mode Exit fullscreen mode

}

Link tidak bisa dicopas ? Klik disini

Langkah 6) Simpan & Jalankan program

Selanjutnya, Simpan, Kompilasi, dan Jalankan program.

Langkah 7) Periksa output

Output tak terduga =? Tombol saling tumpang tindih.

Manajer Tata Letak Java

Manajer Layout digunakan untuk menata (atau mengatur) komponen Java GUI di dalam wadah.

Java BorderLayout / Tata Letak Perbatasan

A BorderLayoutmenempatkan komponen di hingga lima area: atas, bawah, kiri, kanan, dan tengah. Ini adalah manajer tata letak default untuk setiap Java JFrame

Java FlowLayout

FlowLayoutadalah pengelola tata letak default untuk setiap JPanel. Ini hanya menjabarkan komponen dalam satu baris satu demi satu.
Java GridBagLayout

Ini adalah tata letak yang lebih canggih dari semua tata letak. Ini menyelaraskan komponen dengan menempatkannya di dalam kotak sel, memungkinkan komponen menjangkau lebih dari satu cell.
Langkah 8) Buat chat frame
Bagaimana dengan membuat chat frame seperti di bawah ini?
Silahkan Copas Code dibawah .

//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);
Enter fullscreen mode Exit fullscreen mode

Baca Juga : Cara Mendapatkan Kode Redeem Minecraft Java Edition Gratis 2021

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

}
Enter fullscreen mode Exit fullscreen mode

}

Link tidak bisa dicopas ? Klik disini

Jangan lupa baca artikel terus dari the newbie blogbebasapaaja agar kamu tidak ketinggalan artikel menarik lainnya.

Top comments (0)