. .

BAGIAN KE SEBELAS: Java Radio Buttons (GUI) Pada Netbeans IDE

Posted by CHRISTIANTO D,WIBOWO | D3MI-2016 STMIK BUMI GORA On Kamis, Februari 02, 2017 No comments

Chapter XI, Section III Java Radio Buttons In Netbeans IDE, Sebelum kita meneruskan mempelajari pembelajaran ini, ada baiknya kita baca artikel-artikel sebelumnya yang terhubung dengan langkah-langkah pembelajaran ini (Link) BAHASA PEMROGRAMAN JAVA PADA NETBEANS IDE.
Radio buttons biasanya digunakan untuk memilih hanya satu item saja dari daftar, daripada membuat beberapa item yang tersedia dengan check box.

Masih dalam Project formcontrols dengan Package form_controls_lesson dan  class FormObjects, Ikuti dari pembahasan sebelumnya BAGIAN KE SEBELAS: Pengenalan Java Combo Box Pada Netbeans IDE. Mari kita lihat bagaimana Radio buttons bekerja. Drag dan drop panel ke form, kemudian cari control Radio buttons dalam panel NetBeans IDE. Tarik Radio buttons ke panel yang baru dalam Form. Seharusnya terlihat seperti ini:
Teks default untuk Radio buttons adalah jRadioButton1. Kita akan menggunakan Radio buttons untuk memungkinkan pengguna untuk memilih metode pembayaran. Jadi mengubah teks Radio buttons menjadi Credit Card. Teks dapat diubah dengan cara yang sama seperti yang kita lakukan untuk checkbox. Dan biarkan nama variabel sesuai defaultnya jRadioButton1. Tambahkan dua Radio buttons lagi untuk panel, dan rubah teks ke Debit Card biarkan nama variabel sesuai defaultnya jRadioButton2, dan PayPal biarkan nama variabel sesuai defaultnya jRadioButton3:
Radio buttons memang sudah ada dan terdisplay baik, namun belum bisa berfungsi meskipun kita sudah bisa mengklik pilihan pada tombol radio-nya, tapi belum menghasilkan apapun pada java program kita.
Dengan Radio buttons kita hanya ingin pengguna untuk dapat memilih salah satu opsi pembayaran. Untuk mengatasi masalah tersebut, Java memungkinkan kita untuk membuat sesuatu yang disebut ButtonGroup. Seperti namanya ini memungkinkan kita untuk kelompok tombol - group buttons di bawah satu nama. Kita kemudian dapat menambahkan Radio buttons untuk kelompok. Setelah kita menambahkan tombol ke grup, hanya satu pilihan yang tersedia untuk penyeleksian. Untuk melihat bagaimana ButtonGroup bekerja, tambahkan metode berikut untuk kode kita :
private void groupButton( ) {

        ButtonGroup bg1 = new ButtonGroup( );

         bg1.add(jRadioButton1);
         bg1.add(jRadioButton2);
         bg1.add(jRadioButton3);

}
package form_controls_lesson;
/**
 * @author CHRISTIANTO "GEMBLONG" DHARMA WIBOWO LEARN JAVA
 */
public class FormObjects extends javax.swing.JFrame {

    /**
     * Creates new form FormObjects
     */
    public FormObjects() {
        initComponents();
    }
private void groupButton( ) {

     ButtonGroup bg1 = new ButtonGroup( );

     bg1.add(jRadioButton1);
     bg1.add(jRadioButton2);
     bg1.add(jRadioButton3);

}

Bila kita sudah menambahkan kode tersebut, kita akan melihat bahwa NetBeans telah memberi peringatan menggarisbawahi merah beberapa kode. Hal ini terjadi karena Netbeans tidak dapat menemukan class yang disebut ButtonGroup, sehingga tidak dapat membuat objek baru.
Untuk mengatasi masalah ini, kita perlu mengimpor class yang relevan dari Swing Library. Jadi tambahkan pernyataan impor berikut :
import javax.swing.ButtonGroup;
Peringatan error garisbawahi merah sekarang sudah hilang.
package form_controls_lesson;
import javax.swing.ButtonGroup;
/**
 * @author CHRISTIANTO "GEMBLONG" DHARMA WIBOWO LEARN JAVA
 */
public class FormObjects extends javax.swing.JFrame {

    /**
     * Creates new form FormObjects
     */
    public FormObjects() {
        initComponents();
    }
private void groupButton( ) {

     ButtonGroup bg1 = new ButtonGroup( );

     bg1.add(jRadioButton1);
     bg1.add(jRadioButton2);
     bg1.add(jRadioButton3);

}

groupButton method telah menambahkan tombol radio untuk objek ButtonGroup, dengan menggunakan metode add:
bg1.add( radio_button_name );  bg1.add(jRadioButton1);
Ada satu baris kode untuk setiap tombol radio pada form.
Kita bisa memanggil metode ButtonGroup dari konstruktor. Dengan cara itu, tombol radio akan dikelompokkan ketika nilai/isi/muatan dibentuk. Tambahkan pemanggilan metode berikut untuk konstruktor kita:
groupButton();
Sehingga barisan kode kita menjadi :
package form_controls_lesson;
import javax.swing.ButtonGroup;
/**
 * @author CHRISTIANTO "GEMBLONG" DHARMA WIBOWO LEARN JAVA
 */
public class FormObjects extends javax.swing.JFrame {

    /**
     * Creates new form FormObjects
     */
    public FormObjects() {
        initComponents();
        groupButton();
    }
private void groupButton( ) {

     ButtonGroup bg1 = new ButtonGroup( );

     bg1.add(jRadioButton1);
     bg1.add(jRadioButton2);
     bg1.add(jRadioButton3);

}

Untuk mendapatkan bagian mana yang dipilih melalui klik tombol radio, kita akan gunakan metode isSelected seperti pada check box. Tambahkan tombol normal form, ketika kita klik tombol ini akan menampilkan kotak pesan yang menyatakan yang tombol radio diklik. Ubah nama variabel tombol menjadi btnRadios, dan selanjutnya ubah properti teks ke Payment Option,

dan klik ganda tombol baru btnRadios untuk membuat stub kode - rintisan kode atau klik kanan pada jButton btnRadios lalu pilih Events pada menu ⇒ ActionactionPerformed untuk membuat stub kode - rintisan kode,


stub kode - rintisan kode btnRadios,
private void btnRadiosActionPerformed(java.awt.event.ActionEvent evt) {                                        
        // TODO add your handling code here:
    } 
dan tambahkan kode berikut :
private void btnRadiosActionPerformed(java.awt.event.ActionEvent evt) {                                        
        String radioText = "";
        
        if (jRadioButton1.isSelected()){
            radioText = jRadioButton1.getText();
        }
        
        if (jRadioButton2.isSelected()){
            radioText = jRadioButton2.getText();
        }
        
        if (jRadioButton3.isSelected()){
            radioText = jRadioButton3.getText();
        }
    }
Semua yang kita lakukan pada barisan kode ini adalah memeriksa tombol radio yang mana yang sudah dipilih oleh pengguna. Kita kemudian mendapatkan teks dari tombol radio dan menyimpannya dalam variabel yang disebut radioText.
Kita dapat memiliki kotak pesan untuk menampilkan Payment Option yang dipilih. Tambahkan baris berikut ke bagian bawah kode tombol, tepat di bawah akhir IF statement:
javax.swing.JOptionPane.showMessageDialog( FormObjects.this, radioText );
private void btnRadiosActionPerformed(java.awt.event.ActionEvent evt) {                                        
        String radioText = "";
        
        if (jRadioButton1.isSelected()){
            radioText = jRadioButton1.getText();
        }
        
        if (jRadioButton2.isSelected()){
            radioText = jRadioButton2.getText();
        }
        
        if (jRadioButton3.isSelected()){
            radioText = jRadioButton3.getText();
        }
javax.swing.JOptionPane.showMessageDialog( FormObjects.this, radioText );
    }
Kita bertemu dengan JOptionPane dalam bagian sebelumnya. Satu-satunya perbedaan adalah item pertama antara kurung bulat ( FormObjects.this, radioText ); . Karena kita menggunakan konsol, item pertama adalah  null. Dan ditambah kita memiliki  FormObjects.this.

Item pertama antara kurung bulat ( FormObjects.this adalah untuk jendela di mana kita ingin menampilkan kotak pesan. Null berarti tidak ada jendela. FormObjects.this berarti komponen ini (Form) dari class FormObjects.
Jalankan programnya, dan pilih item dari tombol radio, kemudian klik tombol, kita akan melihat Output seperti berikut :

Pada bagian berikutnya, kita akan melihat bagaimana menambahkan menu untuk Java Forms - Java Menus - .

0 komentar:

Posting Komentar