Bagaimana Cara Membuat RadioButton Di Android Studio Menggunakan Kotlin?

Baringin
By -
0

 Pendahuluan



 Terkadang dalam sebuah desain from input sistem memberikan pilihan kepada user inputan apa yang harus di pilih oleh user. Metode ini di lakukan agar user bisa di arahkan kepada pilihan yang benar ketika terjadi proses interaksi antara user dengan sistem. Ada banyak jenis metode pilihan yang di sediakan oleh android studio. Disini kita hanya membebahas dua buah komponen saja yaitu checkBok dan radioButton.


RadioButton

    RadioButton merupakan salah satu komponen yang di sediakan oleh android studio agar user bisa berinteraksi langsung dengan sistem. RadioButton memberikan satu pilihan kepada user dari beberapa pilihan. RadioButton di tulis di dalam ViewGroup yang bernama ButtonGroup. Berikut bentuk penulisannya:

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</RadioGroup>


    Nah agar lebih mudah memahaminya mari kita coba membuat desain dengan menggunakan radio button. Kasus kali ini membuat tampilan jenis kelamin. Silahkan anda buat projek baru. Pada halaman activity_main.xml ketikkan code berikut:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="20dp"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Pilih Jenis Kelamin"
android:textSize="20dp"/>

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:background="@color/material_dynamic_neutral60"
android:padding="10dp">
<RadioButton
android:id="@+id/rb_pria"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Laki-Laki"/>
<RadioButton
android:id="@+id/rb_perempuan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Perempuan"/>
</RadioGroup>
<Button
android:id="@+id/bt_pilihan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="Pilihan"/>
</LinearLayout>

    

    Sekarang masuk ke halaman MainActivity.kt. Kita tambahkan variabel berikut:

class MainActivity : AppCompatActivity() {
lateinit var Pria:RadioButton
lateinit var Wanita:RadioButton

var JenisKelamin=""
    ........


Selanjutnya kita panggil id dari komponen yang ada di layout.

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
Pria =findViewById(R.id.rb_pria)
Wanita=findViewById(R.id.rb_perempuan)
val btPilih:Button=findViewById(R.id.bt_pilihan)
    .........

Sekarang kita buat action onclik. Tambahkan code berikut:

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
Pria =findViewById(R.id.rb_pria)
Wanita=findViewById(R.id.rb_perempuan)
val btPilih:Button=findViewById(R.id.bt_pilihan)

btPilih.setOnClickListener(object: View.OnClickListener{})


    Terjadi erro pada code object. Arahkan cursor anda ke code tersebut hingga muncul kotak dialog. Pilih "Implement Members". Maka code program anda akan terlihat seperti berikut:

btPilih.setOnClickListener(object: View.OnClickListener{
override fun onClick(v: View?) {
TODO("Not yet implemented")
}
})

    Tambahkan logika percabangan:

override fun onClick(v: View?) {

if(Pria.isChecked()){
JenisKelamin=Pria.text.toString()
}
if(Wanita.isChecked()){
JenisKelamin=Wanita.text.toString()
}
}

    Terakhir tambahkan toast untuk menampilkan hasil yang dipilih

override fun onClick(v: View?) {

.......
Toast.makeText(
this@MainActivity, "Jenis Kelamin :"+ JenisKelamin, Toast.LENGTH_SHORT).show()
}


Source Lengkapnya:

package com.example.latihanapp

import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.RadioButton
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
lateinit var Pria:RadioButton
lateinit var Wanita:RadioButton

var JenisKelamin=""

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
Pria =findViewById(R.id.rb_pria)
Wanita=findViewById(R.id.rb_perempuan)
val btPilih:Button=findViewById(R.id.bt_pilihan)

btPilih.setOnClickListener(object: View.OnClickListener{
override fun onClick(v: View?) {

if(Pria.isChecked()){
JenisKelamin=Pria.text.toString()
}
if(Wanita.isChecked()){
JenisKelamin=Wanita.text.toString()
}
Toast.makeText(this@MainActivity, "Jenis Kelamin :"+ JenisKelamin, Toast.LENGTH_SHORT).show()
}
})
}
}


Jalankan program anda dan berikut Hasilnya:


    Nah, kira-kira seperti itulah cara membuat dan menggunakan code RadioButton. Silahkan anda coba dan modivikasi sendiri.

Post a Comment

0Comments

Post a Comment (0)