android-kotlin

Radio Button dalam Android Kotlin

Radio button digunakan untuk memilih satu pilihan diantara beberapa pilihan

1. Deklarasi dalam File XML

Bukalah file res/layout/activity_main.xml lalu masukan kode berikut ini:

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jenis Kelamin :"
android:paddingTop="10dp"
android:paddingLeft="10dp"
app:layout_constraintTop_toBottomOf="@+id/edtTglLahir" />

<RadioGroup
android:id="@+id/rgJkel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginStart="15dp"
app:layout_constraintStart_toEndOf="@+id/textView3"
app:layout_constraintTop_toBottomOf="@+id/edtTglLahir">

<RadioButton
android:id="@+id/rbLaki"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Laki-laki"/>

<RadioButton
android:id="@+id/rbCewek"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Perempuan"/>

</RadioGroup>

Keterangan:

  • app:layout_constraintStart_toEndOf=”@+id/textView3″, kode ini berarti ujung kiri objek ini terhubung ke ujung kanan objek yang mempunyai id textView3
  • app:layout_constraintTop_toBottomOf=”@+id/edtTglLahir”, kode ini berarti ujung atas objek ini terhubung ke ujung bawah objek yang mempunyai id edtTglLahir (ini ada di tutorial sesi sebelumnya)
  • android:orientation=”horizontal” dalam objek Radio Group digunakan untuk membuat tampilan radio button didalamnya horizontal dari kiri ke kanan.

2. import widget

Bukalah file MainActivity.kt lalu masukkan kode berikut ini:

import android.widget.RadioGroup
import android.widget.RadioButton

 

3. Ambil RadioGroup dengan Kode

Bukalah file MainActivity.kt lalu masukkan kode berikut ini:

val rgJkel = findViewById<RadioGroup>(R.id.rgJkel);

 

4. Ambil Nilai RadioButton dengan Kode

Bukalah file MainActivity.kt lalu masukkan kode berikut ini:

val idRbTerpilih = rgJkel.checkedRadioButtonId;
val rbJkel = findViewById<RadioButton>(idRbTerpilih);
val jKel = rbJkel.text

Keterangan:

  • rgJkel.checkedRadioButtonId : kode ini digunakan untuk mengambil id dari radio button yang dipilih dalam radio grup yang ber-id rgJkel

 

5. Jalankan Aplikasi

Pilih virtual devicemu lalu tekan tombol Play