Tutorial Java Swing: Cara Membuat GUI di Java dengan Contoh

Daftar Isi:

Anonim

Apa itu Swing di Jawa?

Swing in Java adalah toolkit Graphical User Interface (GUI) yang menyertakan komponen GUI. Swing menyediakan sekumpulan 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 program Java yang menyediakan GUI.

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

Dalam tutorial Java Swing ini, Anda akan belajar-

  • Apa itu Swing di Jawa?
  • Apa itu Kelas Kontainer?
  • Apa itu GUI di Java?
  • Contoh GUI Java
  • Manajer Tata Letak Java
  • Java BorderLayout
  • Java FlowLayout
  • Java GridBagLayout

Diagram hierarki kelas Ayunan Jawa

Diagram hierarki kelas ayunan Jawa

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

Apa itu Kelas Kontainer?

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

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

Apa itu GUI di Java?

GUI (Graphical User Interface) di Java adalah pembuat pengalaman visual yang mudah digunakan untuk aplikasi Java. Ini terutama terbuat dari komponen grafis seperti tombol, label, jendela, dll. Melalui mana pengguna dapat berinteraksi dengan aplikasi. GUI memainkan peran penting untuk membangun antarmuka yang mudah untuk aplikasi Java.

Contoh GUI Java

Sekarang di Tutorial Java Swing ini, mari kita pahami GUI dengan contoh Java Swing.

Contoh : Untuk mempelajari pemrograman Java GUI dalam tutorial Java GUI ini Langkah 1) 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 frameframe.setVisible(true);}}

Langkah 2) Simpan, Kompilasi, dan Jalankan kode.Langkah 3) Sekarang mari Tambahkan Tombol ke bingkai kita. Salin kode berikut ke editor dari Contoh GUI 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 kode. Anda akan mendapatkan tombol besar

Langkah 5) Bagaimana jika menambahkan dua tombol? 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 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, Kompilasi, dan Jalankan program.Langkah 7) Output tak terduga =? Tombol saling tumpang tindih.

Manajer Tata Letak Java

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

Java BorderLayout

A BorderLayoutmenempatkan komponen 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 meletakkan komponen dalam satu baris satu demi satu.

Java GridBagLayout

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

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

Coba kodekan diri Anda 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 FrameJFrame frame = new JFrame("Chat Frame");frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame.setSize(400, 400);//Creating the MenuBar and adding componentsJMenuBar 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 componentsJPanel panel = new JPanel(); // the panel is not visible in outputJLabel label = new JLabel("Enter Text");JTextField tf = new JTextField(10); // accepts upto 10 charactersJButton send = new JButton("Send");JButton reset = new JButton("Reset");panel.add(label); // Components Added using Flow Layoutpanel.add(tf);panel.add(send);panel.add(reset);// Text Area at the CenterJTextArea 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);}}