Cara Implementasi Radio Button Pada Android Studio

RadioButton adalah salah satu komponen yang digunakan untuk memilih satu diantara beberapa pilihan, jadi kita hanya dapat memilih satu pilihan. contohnya pemilihan jenis kelmain atau pemilihan jawaban berganda dimana kita harus memilih satu jawaban yang benar dan sesuai. Nah, untuk itu tanpa berpanjang lebar lagi, yuk kita mulai saja tutorial Cara Implementasi Radio Button Pada Android Studio dengan mengikuti langkah-langkah dibawah ini.

Cara Implementasi Radio Button Pada Android Studio

Cara Implementasi Radio Button Pada Android Studio 

1. Buat Project Baru, kemudian kasi nama project sesuai aplikasi yang akan kamu buat, lalu klik Next.
Cara Implementasi Radio Button Pada Android Studio

2. Selanjutnya pilih perangkat yang bisa menjalankan aplikasi yang kamu buat. Disini kita membuat aplikasi untuk phone dan tablet. Jadi silahkan pilih Phone dan tablet. Jangan lupa pilih API atau minimum SDK yang dapat menjalankan palikasi mu, saran saya pilih versi paling bawah. Jika sudah kamu bisa klik Next.
Cara Implementasi Radio Button Pada Android Studio

3. Kemudian pilih activity pada mobile.activity ini harus kamu sesuaikan dengan aplikasi yang akan kamu buat, karena kita mau buat apllikasi radiobutton kita pilih saja yang Empty activity. Jika sudah klik Next.
Cara Implementasi Radio Button Pada Android Studio

4. Selanjutnya, isi nama activity sesuai keinginan mu, atau biarkan default. Lalu klik Next.
Cara Implementasi Radio Button Pada Android Studio

5. Jika sudah, sekarang kita desain tampilan aplikasinya. Silahkan kamu masukkan komponen berikut:
Cara Implementasi Radio Button Pada Android Studio

6. Susun komponen tersebut seperti ini:
Cara Implementasi Radio Button Pada Android Studio

7. Anda juga bisa mendesain tamilan melalu koding caranya klik tab TEXT yang berada di bawah atau di saping DESIGN. Lalu ketikkan lah koding berikut:
Coding MainActivity.XML
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.bacacoding.radiobutton.MainActivity">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Pilih Makanan Kesukaanmu"
        android:textStyle="normal|bold"
        android:textAlignment="center"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:textSize="18sp" />
    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/radioGroup">
        <RadioButton
            android:text="Sate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb"
            android:layout_weight="1" />
        <RadioButton
            android:text="Bakso"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb1"
            android:layout_weight="1" />
        <RadioButton
            android:text="Nasi Goreng"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb2"
            android:layout_weight="1" />
        <RadioButton
            android:text="Minas"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb3"
            android:layout_weight="1" />
        <RadioButton
            android:text="Ayam Penyet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb4"
            android:layout_weight="1" />
        <RadioButton
            android:text="Ketoprak"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/rb5"
            android:layout_weight="1" />
        <Button
            android:text="KELUAR"
            android:layout_width="398dp"
            android:layout_height="wrap_content"
            android:id="@+id/btn"
            android:onClick="keluar (MainActivity)" />
    </RadioGroup>
</RelativeLayout>
8. Selanjutnya kita masuk ke tab MainActivity.Java. silahkan kamu ketikkan koding atau perintah berikut:
Cara Implementasi Radio Button Pada Android Studio

9. Jika kurang jelas, berikut saya lampirkan script codingan nya. Note: usahakan di ketik manual biar ingat dan Jago atau jika ingin copas, copy lah dengan Package nya sekalian biar tidak error.
Coding MainActivity.Java:
package com.bacacoding.radiobutton;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {
    RadioGroup rg;
    RadioButton rbtn, rbtn1, rbtn2, rbtn3, rbtn4, rbtn5;
    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rg = (RadioGroup) findViewById(R.id.radioGroup);
        rg.setOnCheckedChangeListener(this);
        rbtn = (RadioButton) findViewById(R.id.rb);
        rbtn1 = (RadioButton) findViewById(R.id.rb1);
        rbtn2 = (RadioButton) findViewById(R.id.rb2);
        rbtn3 = (RadioButton) findViewById(R.id.rb3);
        rbtn4 = (RadioButton) findViewById(R.id.rb4);
        rbtn5 = (RadioButton) findViewById(R.id.rb5);
        btn = (Button) findViewById(R.id.btn);
    }
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        if (checkedId == R.id.rb) {
            Toast.makeText(this, "makanan favorit anda Sate", Toast.LENGTH_LONG).show();
        }
        if (checkedId == R.id.rb1) {
            Toast.makeText(this, "Makanan Favorit anda Bakso", Toast.LENGTH_LONG).show();
        }
        if (checkedId == R.id.rb2) {
            Toast.makeText(this, "Makanan Favorit anda Nasi Goreng", Toast.LENGTH_LONG).show();
        }
        if (checkedId == R.id.rb3) {
            Toast.makeText(this, "Makanan Favorit anda Minas", Toast.LENGTH_LONG).show();
        }
        if (checkedId == R.id.rb4) {
            Toast.makeText(this, "Makanan Favorit anda Ayam Penyet", Toast.LENGTH_LONG).show();
        }
        if (checkedId == R.id.rb5) {
            Toast.makeText(this, "Makanan Favorit anda Ketoprak", Toast.LENGTH_LONG).show();
        }
    }
    public void keluar(View view) {
        finish();
    }
}
15. Sekarang coba RUN kan Program anda, jika sukses hasilnya akan seperti ini:
Cara Implementasi Radio Button Pada Android Studio

Bagaimana? Mudah bukan? Sekarang kamu bisa menambahkan radiobutton di dalam aplikasi android mu. Nah itu tadi sedikit tutorial dari saya, jika ada kekurangan saya mohon maaf. dan jika ada kesalahan silahkan komentar dibawah agar segera saya koreksi. Dan jangan lupa SHARE artikel ini jika bermanfaat menurut kalian, supaya lebih banyak lagi orang yang tau. Sekian dari saya. Terimakasih, Salam Bacacoding.

Previous
Next Post »
Thanks for your comment