tutorial java gui 2 dengan netbeans
DESCRIPTION
mengenai pembuatan program berbasis desktop menggunakan java dengan ide netbeansTRANSCRIPT
Tutorial Java GUI 2 : Label, Text dan Button
Setelah kita berkenalan dengan IDE Netbeans dan membuat aplikasi Hello World, kita sekarang
bisa melangkah pada aplikasi kecil lainnya yang akan memperkenalkan kita pada beberapa
komponen yang sering digunakan untuk membuat aplikasi terapan.
Pada tutorial kedua ini, kita akan membahas mengenai Label, TextField dan Button. Bagi
programmer yang berasal dari bahasa pemrogramman selain Java, kita bisa memahami pola
pengambilan variabel dan melakukan setting variabel melalui program kecil ini. Sebagai contoh,
pada program terapan, kita akan sering berhubungan dengan “Bagaimana cara mengambil isi
suatu Text Field” atau “Bagaimana cara mengeset isi suatu TextField”.
Pada Java, dilakukan dengan memanggil method getText sebagai berikut :
strIsiText = txtTeks1.getText();
Mari kita lihat tutorial selengkapnya :
1. Buatlah sebuah project Java Application pada Netbeans. Tambahkan sebuah JFrame
Form. Beri nama dan judulnya
2. Tambahkan 2 buah Label, 2 buah TextField (beri nama txtID dan txtNama) dan 3 buah
Button (btnAdd, btnEdit, btnExit).
3. Setting enabled = false (unchecked) pada properties txtID dan txtNama. Hal ini dilakukan
karena pada saat di Load, form isian harus dalam kondisi disabled
4. Setting Mnemonic untuk 3 buah button (A untuk btnAdd, E untuk btnEdit dan x untuk
btnExit). Di Visual Basic hal ini dilakukan dengan menulis caption &Add, &Edit dan
E&xit, sedangkan di Java, perintah ALT ini disebut Mnemonic. Fungsinya, agar tombol
tersebut dapat diakses menggunakan tombol keyboard ALT + Huruf Mnemonic
5. Lihat contoh form sebagai berikut :
6. Ketikkan kode berikut pada event actionPerformed pada btnAdd. Jangan lupa lakukan
import library yang diperlukan (import javax.swing.JOptionPane;) yang bisa secara
otomatis dilakukan dengan melakukan klik pada bola lampu dibaris JOptionPane.
private void btnAddActionPerformed(java.awt.event.ActionEvent evt) {
if (btnAdd.getText().equals("Add")){
//Tambah Data
btnAdd.setText("Save");
btnAdd.setMnemonic('S');
btnEdit.setText("Cancel");
btnEdit.setMnemonic('C');
btnExit.setEnabled(false);
txtID.setEnabled(true);
txtNama.setEnabled(true);
txtID.requestFocus();
} else {
//Simpan Data
JOptionPane.showMessageDialog(null, "Menyimpan data ID
'"+txtID.getText()+ "' dan Nama : '"+txtNama.getText()+"'") ;
btnAdd.setText("Add");
btnAdd.setMnemonic('A');
btnEdit.setText("Edit");
btnEdit.setMnemonic('E');
btnExit.setEnabled(true);
txtID.setEnabled(false);
txtNama.setEnabled(false);
btnAdd.requestFocus();
}
}
7. Ketikkan kode berikut pada event actionPerformed pada txtID. Fungsinya adalah
memindahkan fokus ke txtNama. Visual Basic biasanya menggunakan perintah .setfocus
1txtNama.requestFocus();
8. Ketikkan kode berikut pada event actionPerformed pada txtNama
btnAdd.requestFocus();
9. Ketikkan kode berikut pada event actionPerformed pada btnExit. Fungsinya adalah
menutup form. Pilih salah satu dari 2 kode berikut :
dispose(); // digunakan untuk menutup form, sama dengan <strong>unload
me </strong>di Visual Basic
System.exit(0); //digunakan untuk menutup aplikasi, sama dengan
<strong>End</strong> di Visual Basic
10. Simpan dan jalankan aplikasi (SHIFT + F6)
11. Jika kita melakukan klik pada tombol Add, text btnAdd berubah dari Add menjadi Save
(Edit menjadi Cancel) dan fokus akan berpindah ke teks ID. Setelah ID diisi dan kita
tekan ENTER, fokus berpindah ke teks Nama. Setelah mengisi nama dan menekan
ENTER, fokus akan pindah ke button Add (yang berubah menjadi Save). Jika kita
menekan tombol Add, akan keluar kotak pesan (MessageBox)