Tutorial Cara Membuat Radio Button di Android Studio

Android Najwa - Selamat Pagi sahabat setia Android Najwa, mungkin dipagi yang cerah ini. Saya akan memberikan sedikit materi baru tentang widget android. Sebelumnya 2 minggu yang lalu saya memberikan materi mengenai "Spinner" di Android Studio. Dan Kali ini saya akan membahas kelanjutan dari materi yang lalu yaitu "Radio Button" di Android Studio.

Radio Button Android

Apa itu Radio Button ?

Radio Button merupakan Widget yang telah disediakan oleh Android Studio yang digunakan sebagai membuat list pilihan yang akan dipilih salah satu berupa bentuk satu lingkaran kecil dengan titik ditengah nya sebagai petunjuk yang dipilih. Berikut ini adalah contoh penggambaran desain awal nya dari Radio Button.

Contoh Desain Sederhana dari Radio Button

Bagaimana cara menggunakan Radio Button?

Tutorial Cara Membuat Radio Button

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Radio Button
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pilih Salah Satu" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:layout_marginLeft="19dp"
        android:layout_marginTop="26dp" >
    <RadioButton
        android:id="@+id/radio0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:text="Lambat" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Sedang" />
        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Cepat" />
    </RadioGroup>
</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.radiobutton;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.Toast;

public class MainActivity extends Activity {
    RadioButton rb0, rb1, rb2;
    RadioGroup grup1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rb0 = (RadioButton) findViewById(R.id.radio0);
        rb1 = (RadioButton) findViewById(R.id.radio1);
        rb2 = (RadioButton) findViewById(R.id.radio2);
        grup1 = (RadioGroup) findViewById(R.id.radioGroup1);
        //Membuat listener jika ada perubahan pilihan
        OnCheckedChangeListener listener = new OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                // TODO Auto-generated method stub
                if (rb0.isChecked()) { //jika yang dipilih rb0
                    //membuat pesan
                    Toast.makeText(MainActivity.this,
                            "Anda Memilih " + rb0.getText().toString(),
                            Toast.LENGTH_SHORT).show();
                } else if (rb1.isChecked()) { //jika yang dipilih rb1
                    Toast.makeText(MainActivity.this,
                            "Anda Memilih " + rb1.getText().toString(),
                            Toast.LENGTH_LONG).show();
                } else if (rb2.isChecked()) { //jika yang dipilih rb2
                    Toast.makeText(MainActivity.this,
                            "Anda Memilih " + rb2.getText().toString(),
                            Toast.LENGTH_SHORT).show();
                }
            }

        };
        //menerapkan listener pada objek grup1
        grup1.setOnCheckedChangeListener(listener);
    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Radio Button

Ketika kalian memilih pilihan "sedang" maka akan tampil hasil nya sebagai berikut

(2) Hasil Radio Button

Bisa kita lihat bahwa muncul popup Toast "Anda Memilih Sedang". Bila kita memilih kembali dengan pilihan "cepat" maka akan tampil seperti berikut 

(3) Hasil Radio Button

Nah, itulah hasil dari penggunaan Radio Button yang nanti nya akan muncul List/Daftar yang akan kita pilih. Kita bisa menentukan pilihan dengan menggunakan Radio Button ini. Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa dengan aksi lainnya asal kalian bisa memahaminya. Nantikan kelanjutan saya akan memberikan materi berikutnya mengenai Radio Button.

Demikian Tutorial Cara Membuat Radio Button di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet