Kamis, Juni 22, 2017

Pengenalan Java Swing - Contoh Komponen Pilihan

PENGENALAN JAVA SWING - CONTOH KOMPONEN PILIHAN

Hallo sobat untuk artikel kali ini yang dibahas adalah komponen pilihan, komponen pilihan diantaranya JChekcBox, JRadioButton, dan JComboBox. Dan disini kita akan membuat contoh program sederhana yang menggunakan komponen pilihan beserta penjelasan dari masing-masing komponen tersebut.
Langsung saja praktek.

1. Pertama buka Netbeans kalian.
2. Buat project baru, project name seterah kalian.
3. Buat form baru. class name seterah kalian.

Untuk contoh yang pertama kita akan menggunakan contoh penggunaan JComboBox, JComboBox merupakan kombinasi dari text box dan list box dimana pemasukan data dapat dilakukan dengan pengetikan maupun pemilihan. Oce langsung saja praktekan, kita akan  membuat Form ComboBox sederhana sebagai contoh.
ini contoh form yang akan kita buat.


Nah untuk membuat form seperti diatas kita membutuhkan beberapa langkah.

Langkah 1. Pertama masuk ke Form Design kalian, lalu liat ke bagian kanan jendela netbeans ada kotak Pallete. Di dalamnya banyak palet yang tersedia, pilih satu-persatu dan masukan pada Form Design kalian sesuai yang kita butuhkan untuk membuat form, seperti dibawah ini.


Langkah 2. Klik kanan pada ComboBox, pilih properties lalu klik Model.


Langkah 3. Setelah masuk ke Model di properties, kalian masukkan pilihan-pilhan yang diinginkan pada properties Model seperti pada contoh dibawah ini.


Langkah 4. Selanjutnya klik kanan pada comboBox dan pilih change variable name, untuk mengganti nama variable.


Keterangan :
jComboBox1 ganti variable name dengan cbpilihan.jTextField1 ganti variable name dengan txtpilihan.Langkah 5. Klik kanan pada Jbutton1 pilih Edit Text ganti dengan PROSES, lalu klik 2x pada tombol proses, maka otomatis akan dibawa langsung ke jendela Source. Masukan kode dibawah ini.

int IndexCombo; String Pilihan; IndexCombo = cbpilihan.getSelectedIndex(); Pilihan = (String) cbpilihan.getSelectedItem(); txtpilihan.setText(Pilihan);
Apabila tidak ada eror seperti ini. Maka langsung saja RUN atau tekan shift + F6 di keyboard.


Lanjut ke contoh ke dua yaitu penggunaan JCheckBox, JCheckBox adalah salah satu komponen pilihan yang difungsingkan agar pengguna dapat memilih menu yang tersedia dengan cara mengklik salah satu menu yang ada. Sebagai contoh penggunaan JCheckBox saya akan membuat form CheckBox sederhana.
Seperti berikut contoh form yang aka kita buat selanjutnya.


Untuk membuatnya seperti biasa harus melewati beberapa langkah terlebih dahulu.

Langkah 1. Pertama kita buat form baru lagi, class name bebas seterah kalian mau kasih nama apa. Lalu masuk ke Form Design kalian, lalu liat ke bagian kanan jendela netbeans ada kotak Pallete. Di dalamnya banyak palet yang tersedia, pilih satu-persatu dan masukan pada Form Design kalian sesuai yang kita butuhkan untuk membuat form seperti diatas, caranya sama seperti membuat form ComboBox.

Langkah 2. Ganti nama variable, caranya sama seperti membuat form ComboBox.Ubah seperti berikut.
jCheckBox1 ganti dengan cbjava.jCheckBox1 ganti dengan cbphp.jCheckBox1 ganti dengan cbvb.JTexField1 ganti dengan txtpilihan.Langkah 3. Setelah jadi seperti gambar di atas form jCheckBox nya, langsung saja klik 2 kali pada tombol proses, maka otomatis akan langsung dibawa ke jendela Source. Masukan kode di bawah ini.

String Program = ""; if (cbjava.isSelected()) { Program = cbjava.getText() + ""; } txtpilihan.setText(Program); if (cbphp.isSelected()) { Program = cbphp.getText() + ""; } txtpilihan.setText(Program); if (cbvb.isSelected()) { Program = cbvb.getText() + ""; } txtpilihan.setText(Program);
Jika sudah nulis kodingannya seperti ini, langsung RUN atau tekan shift + F6.


Selesai..

Sekarang lanjut ke contoh berikutnya JRadioButton. JRadioButton berfungsi untuk menampung pilihan user, seperti jenis kelamin dan semisalnya. Sekumpulan JRadiobutton (dua atau lebih) harus diikat dengan ButtonGroup sehingga terkelompok dalam satu group RadioButton. Jadi JRadioButton yang terpilih hanya satu, Jika sekelompok JRadioButton tidak di ikat dalam ButtonGroup maka semua komponen JRadioButton itu bisa di pilih semua. Oke langsung ke contoh kita akan membuat form jRadioButton sederhana.
Seperti ini contoh form yang akan dipraktekan selanjutnya.


Untuk membuat nya seperti biasa butuh beberapa Langkah.

Langkah 1. Sama seperti membuat form ComboBox dan CheckBox, kita membuat form baru lagi. Kemudian masuk ke Form Design kalian, lalu liat ke bagian kanan jendela netbeans ada kotak Pallete. Di dalamnya banyak palet yang tersedia, pilih satu-persatu dan masukan pada Form Design kalian sesuai yang kita butuhkan untuk membuat form seperti diatas, caranya sama seperti membuat form ComboBox dan CheckBox.

Langkah 2. Ubah nama variable caranya sama seperti yang diatas ketika membuat form ComboBox. Ubah dengan ketentuan seperti berikut.

jTextField1 ganti dengan txtnama.jRadioButton1 ganti dengan rbpria.jRadioButton2 ganti dengan rbwanita. Langkah 3. Letakkan komponen ButtonGroup di Form Design, taruh diantara RadioButton seperti gambar berikut.


ButtonGroup adalah salah satu komponen yang bersifat invisible (tidak terlihat). Setelah dimasukan ke Form Design, ButtonGroup akan terlihat pada jendela inpector dibagian  Other components di sebelah kiri  (seperti ditunjukan pada gambar dibawah ini).


ButtonGroup telah ditambahkan namun tak nampak di Form Design.

Langkah 4. Klik kanan pada JRadioButton (Pria dan Wanita) pilih properties.


Pilihlah masing-masing JRadioButton (rbpria dan rbwanita) dan settinglah pada properties agar nilai ButtonGroupnya adalah ButtonGroup1.


Hal ini menyebabkan JRadioButton (rbpria dan rbwanita) tergabung dalam satu group (diikat oleh ButtonGroup1). Sehingga, jika rbpria terpilih (aktif/true), maka rbwanita tidak, demikian juga sebaliknya jika rbwanita yang dipilih maka rbpria dalam keadaan tidak aktif (false). Namun, jika rbpria dan rbwanita tidak diikat oleh ButtonGroup1 maka keduanya adalah independent, sehingga bisa dipilih dua-duanya atau di non-aktifkan kedua-duanya secara bersamaan.

Langkah 5. Sip, setelah jadi seperti gambar di atas form JRadioButtonnya. Kalian klik 2 kali pada tombol proses maka otomatis akan langsung dibawa ke jendela source, dan masukan kode dibawah ini.

String nama, Jenkel; nama = txtnama.getText(); if (rbpria.isSelected()) { Jenkel = "laki-laki" } else if (rbwanita.isSelected()) { Jenkel = "Perempuan"; } else { Jenkel = "Tidak Punya"; } JOptionPane.showMessageDialog(this, "Nama :" + nama + "\n" + "Jenis Kelamin : " + Jenkel, "pesan", JOptionPane.INFORMATION_MESSAGE);
Masukan kodenya seperti ini, apabila tidak ada error, langsung saja jalankan dengan klik RUN atau Shift + F6.


Setelah dijalankan akan sepeti ini tampilannya.


Alhamdulillah, akhirnya selesai juga^^, cukup panjang yah penjelasan kali ini, tapi menyenangkan bukan belajar pemrograman java.

Demikianlah artikel kali ini semoga bermanfaat.