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>
<?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>
<?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>
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);
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) {
}
});
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);
}
});
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");
}
}
});
Hasil Akhir
Setelah mengikuti tahapan tadi, Anda dapat mencoba menjalankan project Android Anda. Dan hasilnya terlihat pada gambar dibawah ini :
Belajar RadioButton di Android
Kode : VT
