Dalam bahasa pemrograman visual, ada istilah yang sering Anda dengar dengan sebutan Frame. Di Java, Frame merupakan window utama untuk meletakkan komponen – komponen visual lainnya seperti Button, Label, TextField dan lainnya. Kalau di VB.NET, saya rasa ketika Anda membuat new project pasti Frame-ny...

Membuat Frame, Label, TextField dan Button di Java [Full Coding]

Dalam bahasa pemrograman visual, ada istilah yang sering Anda dengar dengan sebutan Frame. Di Java, Frame merupakan window utama untuk meletakkan komponen – komponen visual lainnya seperti Button, Label, TextField dan lainnya. Kalau di VB.NET, saya rasa ketika Anda membuat new project pasti Frame-nya sudah muncul dan terbuat secara otomatis. Di Java pun, sebenarnya hal itu juga bisa Anda lakukan jika Anda membuat project untuk kategori swing application yang secara otomatis Frame akan terbuat sendirinya. Saya rasa hal itu sangatlah mudah untuk dilakukan bahkan seorang yang nggak kenal pemrograman pun pasti bisa membuatnya tinggal klak klik dah siap. Namun, kita sebagai programmer yang baru belajar hal tersebut sangatlah kurang memberikan pengalaman khususnya dalam pembelajaran ilmu pemrograman visual. Kecuali, kalau Anda memang ada project dari kantor atau skripsi yang memang dituntut untuk cepat siap baru bisa Anda gunakan kategori pembuatan project swing application.

 

Baik pada kesempatan ini saya membuatnya di IDE Eclipse dan memilih pembuatan new Java project. Di Java, untuk membuat komponen visual Anda bisa mengimport library Swing dan AWT namun, yang kita pakai kali ini hanya Swing saja karena AWT merupakan library untuk event handler. Dan library Swing berada di javax.swing. Berikut ialah source code.

 

 

//	Membuat objek JFrame
		JFrame frame = new JFrame();
		
		//	Menentukan title bar di Frame
		frame.setTitle("Belajar JFrame");
		
		//	Menentukan ukuran Frame
		frame.setSize(400, 200);
		
		//	Membuat letak Frame berada di tengat ketika program dijalankan
		frame.setLocationRelativeTo(null);
		
		//	Mengaktifkan event agar ketika frame di close maka, program akan berhenti
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		//	[Optional] Untuk menonaktifkan button maximize di Frame
		frame.setResizable(false);
		
		//	Aktifkan Visible Frame
		frame.setVisible(true);

 

 

Penjelasan Kode :

  1. Import javax.swing ialah Anda memanggil library swing.

  2. JFrame frame = new JFrame() untuk membuat objek Jframe.

  3. Kemudian, frame.setTitle untuk menentukan judul Frame di title bar.

  4. Setelah itu, frame.setSize digunakan untuk menentukan ukuran Frame dengan bentuk paramteternya ialah setSize(panjang_sumbu_X, panjang_sumbu_Y).

  5. Pada frame.setLocationRelativeTo berguna untuk membuat posisi Frame berada di tengah – tengah screen.

  6. Agar Program benar – benar berhenti ketika tombol close di Frame di klik maka, gunakan frame.setDefaultOnClose(JFrame.EXIT_ON_CLOSE);

  7. Dan ini bersifat optional, dimana jika Anda ingin mematikan tombol maximize di Frame maka, gunakan setResizable(false).

  8. Dan yang terakhir, agar Frame Anda tampil ketika dijalankan maka, jangan pernah lupa untuk frame.setVisible(true)

 

Setelah membuat Frame berikutnya lanjut kita buat Label di dalam Frame.

 

//	Membuat Objek JLabel
		JLabel label = new JLabel("Masukkan NIM");
		
		//	Menentukan layout Frame
		frame.setLayout(null);
		
		//	Memasukkan Label ke dalam Frame
		frame.add(label);
		
		//	Menentukan posisi label di dalam Frame. Menentukan Width dan Height
		label.setBounds(20, 20, 150, 30);	//	20 = posisi X; 20 = posisi Y; 100 = Width; 30; Height = 30

Penjelasan Kode :

  1. import javax.swing.JLabel ialah untuk memanggil library JLabel di dalam Swing.

  2. JLabel label = new JLabel(“Masukkan NIM”) untuk membuat Label dan berisi text “Masukkan NIM”.

  3. Frame.add(label) berguna memasukkan label ke dalam Frame.

  4. Label.setBounds(20, 20, 150, 30) untuk menentukan posisi label di dalam frame beserta width dan height.

Berikutnya, kita buat lagi TextField di dalam Frame.

 

//	Membuat Objek TextField
		JTextField textfield = new JTextField();
		
		//	Memasukkan TextField ke dalam Frame
		frame.add(textfield);
		
		//	Menentukan posisi textfield di dalam Frame.
		textfield.setBounds(150, 20, 230, 30);

Penjelasan kode :

  1. import javax.swing.JTextField untuk memanggil library JTextField didalam Swing.

  2. JTextField textfield = new JTextField() untuk membuat objek TextField.

  3. Frame.add(textfield) untuk memasukkan textfield ke dalam frame.

  4. Textfield.setBounds(150, 20, 230, 30) untuk menentukan posisi textfield didalam frame beserta width dan height

Dan yang terakhir kita akan tambahkan sebuah Button di dalam Frame.

 

//	Membuat Objek Button
		JButton button = new JButton("Simpan");
		
		//	Memasukkan Button ke dalam Frame
		frame.add(button);
		
		//	Menentukan posisi Button di dalam Frame
		button.setBounds(120, 60, 89, 20);

Penjelasan kode :

  1. import javax.swing.JButton untuk memanggil library JButton di dalam Swing.

  2. JButton button = new JButton(“Simpan”) untuk membuat Objek Button dengan text “Simpan”.

  3. Frame.add(button) berguna untuk menambahkan button ke dalam Frame.

  4. Button.setBounds(120, 60, 89, 20) untuk menentukan posisi Button di dalam Frame beserta width dan height.

Gimana, lumayan panjangkan kodenya. Tapi, nggak apa-apa. Di sini kita belajar mengenal kode pemrograman untuk visual. Misalnya, nanti ada ujian tes pemrograman visual tanpa interface GUI kan Anda sudah tahu kode – kode dibalik interface tersebut. Jadi, tidak takut lagi kalau ada ujian tes pemrograman visual tapi, menggunakan TextEditor Notepad/Notepad++.

 

Berikut ialah source code lengkapnya.

 

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
import javax.swing.JButton;

/**
 * 
 * @author Yudi Setiawan
 * 
 * Belajar JFrame
 *
 */

public class BelajarFrame
{
	public static void main(String[] args)
	{
		//	Membuat objek JFrame
		JFrame frame = new JFrame();
		
		//	Menentukan title bar di Frame
		frame.setTitle("Belajar JFrame");
		
		//	Menentukan ukuran Frame
		frame.setSize(400, 200);
		
		//	Membuat letak Frame berada di tengat ketika program dijalankan
		frame.setLocationRelativeTo(null);
		
		//	Mengaktifkan event agar ketika frame di close maka, program akan berhenti
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		//	[Optional] Untuk menonaktifkan button maximize di Frame
		frame.setResizable(false);
		
		//	Aktifkan Visible Frame
		frame.setVisible(true);
		
		//	Membuat Objek JLabel
		JLabel label = new JLabel("Masukkan NIM");
		
		//	Menentukan layout Frame
		frame.setLayout(null);
		
		//	Memasukkan Label ke dalam Frame
		frame.add(label);
		
		//	Menentukan posisi label di dalam Frame. Menentukan Width dan Height
		label.setBounds(20, 20, 150, 30);	//	20 = posisi X; 20 = posisi Y; 100 = Width; 30; Height = 30
		
		//	Membuat Objek TextField
		JTextField textfield = new JTextField();
		
		//	Memasukkan TextField ke dalam Frame
		frame.add(textfield);
		
		//	Menentukan posisi textfield di dalam Frame.
		textfield.setBounds(150, 20, 230, 30);
		
		//	Membuat Objek Button
		JButton button = new JButton("Simpan");
		
		//	Memasukkan Button ke dalam Frame
		frame.add(button);
		
		//	Menentukan posisi Button di dalam Frame
		button.setBounds(120, 60, 89, 20);
	}
}

 

 


About Author

Yudi Setiawan

Saat ini aktif sebagai Mahasiswa di salah satu Universitas di kota Medan dengan mengambil bidang Fakultas Teknik dan Ilmu Komputer. Sangat senang dengan bahasa pemrograman Java dan Android.


Comment & Discussions

    Please LOGIN before if you want to give the comment.