Membuat radio button image Android studio

Radio button adalah salah satu elemen form yang digunakan untuk opsi pemilihan. Pada artikel ini, sugismart akan memberikan contoh cara pembuatan radio button dengan menggunakan image seperti contoh di atas. Untuk image, kalian bisa bebas menggunakan image sendiri.

Langsung saja yuk..

Tambahkan script dibawah ini ke layout xml kalian

Catatan : Hilangkan spasi pada < Linearlayout, < RadioGroup dan < RadioButton

Contoh 1 (Image di tengah radio button)

< LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 < RadioGroup
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:id="@+id/txt_gambar"
  android:orientation="horizontal">
  < RadioButton
   android:id="@+id/icon1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:buttonTint="#fff"
   android:background="@mipmap/icon1"/>
  < RadioButton
   android:id="@+id/icon2"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_marginLeft="5dp"
   android:buttonTint="#fff"
   android:background="@mipmap/icon2"/>
  < RadioButton
   android:id="@+id/icon3"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_marginLeft="5dp"
   android:buttonTint="#fff"
   android:background="@mipmap/icon3"/>
 </ RadioGroup>
</ LinearLayout>

Untuk membuat radiobutton, kita tambahkan terlebih dahulu RadioGroupnya. Lalu tambahkan radiobutton yang masing-masing memiliki id.

android:buttonTint -> memberikan warna pada lingkaran radio button.

android:background -> memberikan image pada radio button.

Apabila kalian tidak ingin menampilkan lingkaran radio button, tinggal tambahkan saja script di bawah ini

android:button="@null"

Contoh 2 (Image di samping radio button)

Catatan : Hilangkan spasi pada < Linearlayout, < RadioGroup dan < RadioButton

< LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 < RadioGroup
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:id="@+id/txt_gambar"
  android:orientation="horizontal">
  < RadioButton
   android:id="@+id/icon1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:drawableRight="@mipmap/icon1"/>
  < RadioButton
   android:id="@+id/icon1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:drawableRight="@mipmap/icon2"/>
  < RadioButton
   android:id="@+id/icon1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:drawableRight="@mipmap/icon3"/>
</ RadioGroup>
</ LinearLayout>

Selamat, kalian sudah berhasil membuat radio button image Android studio.