Belajar Membuat RadioButton di Android

Pada tutorial ini, kami akan membahas tentang pembuatan radio button dan penggunaannya di Android. Android yang kami gunakan pada tutorial ini adalah Android 2.3.

Desain Tampilan

Hal pertama yang perlu Anda lakukan sebelum menggunakan RadioButton adalah membaut RadioGroup. Tanpa RadioGroup, RadioButton yang Anda buat akan berdiri sendiri, sehingga jika terdapat pilihan radio button jenis kelamin :
[  ] Laki-Laki
[  ] Perempuan
Tanpa menggunakan RadioGroup, pengguna akan bisa menceklis kedua jawaban diatas. Jadi pastikan Anda menggunakan RadioGroup.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >



    <RadioGroup

        android:id="@+id/radioGroup"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" >



    </RadioGroup>



</LinearLayout>

view raw radio_group.xml This Gist brought to you by GitHub. 

 

Setelah membuat RadioGroup, barulah Anda dapat menambahkan RadioButton pada RadioGroup tersebut.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >



    <RadioGroup

        android:id="@+id/radioGroup"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" >



        <RadioButton

            android:id="@+id/radioLakiLaki"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="Laki-Laki" />



        <RadioButton

            android:id="@+id/radioPerempuan"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="Perempuan" />

    </RadioGroup>



</LinearLayout>

view raw radio_button.xml This Gist brought to you by GitHub. 

 

Agar lebih lengkap, Anda dapat menambahkan sebuah TextView untuk menampilkan informasi “Jenis Kelamin Anda :” dan juga menambahkan TextView untuk menampilkan RadioButton yang mana yang di klik.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >



    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Jenis Kelamin Anda :" />



    <RadioGroup

        android:id="@+id/radioGroup"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" >



        <RadioButton

            android:id="@+id/radioLakiLaki"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="Laki-Laki" />



        <RadioButton

            android:id="@+id/radioPerempuan"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="Perempuan" />

    </RadioGroup>



    <TextView

        android:id="@+id/textStatus"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="" />



</LinearLayout>

view raw main.xml This Gist brought to you by GitHub. 

 

 

Memanggil RadioGroup

Setelah membuat desain tampilan, saatnya Anda memanggil RadioGroup yang telah Anda buat. Kenapa RadioGroup? Kenapa tidak RadioButton? Hal ini dikarenakan dengan menggunakan RadioGroup, kita juga dapat langsung mendapatkan status RadioButton mana yang sedang terseleksi.

RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup);

view raw RadioGroup.java This Gist brought to you by GitHub. 

 

 

Menambah OnCheckedChangeListener

Setelah mendapatkan RadioGroup, tambahkan OnCheckedChangeListener untuk mendeteksi aksi saat data RadioButton berubah. Untuk menambahkannya, Anda dapat menggunakan metode setOnCheckedChangeListener(…) pada kelas RadioGroup.

radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

                                                                     

 public void onCheckedChanged(RadioGroup group, int checkedId) {  



 }                                                                

});                                                                  

view raw ChangeListener.java This Gist brought to you by GitHub. 

 

 

Memanggil TextView

Agar terlihat jelas perubahan RadioButton, Anda dapat menggunakan TextView untuk menampilkan status perubahan, sehingga Anda perlu memanggil TextView yang telah dibuat pada desain tampilan.

radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

                                                                     

 public void onCheckedChanged(RadioGroup group, int checkedId) {  

  TextView textView = (TextView) findViewById(R.id.textStatus);

                                                          

 }                                                                

});                                                                  

view raw TextView.java This Gist brought to you by GitHub. 

 

 

Menampilkan RadioButton yang Terseleksi

Untuk menampilkan RadioButton yang terseleksi, Anda dapat mendapatkan id-nya pada parameter metode onCheckedChanged(RadioGroup group, int checkedId).

radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

                                                                     

 public void onCheckedChanged(RadioGroup group, int checkedId) {  

  TextView textView = (TextView) findViewById(R.id.textStatus);

  if (checkedId == R.id.radioLakiLaki) { 

   textView.setText("Anda Laki-Laki");                      

  } else {                                                     

   textView.setText("Anda Perempuan");                      

  }                                                            

 }                                                                

});                                                                  

view raw CompleteListener.java This Gist brought to you by GitHub. 

 

 

Hasil Akhir

Setelah mengikuti tahapan tadi, Anda dapat mencoba menjalankan project Android Anda. Dan hasilnya terlihat pada gambar dibawah ini :

Belajar RadioButton di Android