Belajar Android Bermain dengan Radio Group dan Radio Button

Salah satu fungsi IT adalah penghematan, Nah kalau pilpres kemarin kita coblos pakai paku semoga  dipemilu selanjutnya kita sudah pakai tablet. Bisa dibayangkan penghematan yang terjadi, serta kecepatan hasil.
Pada Android kalau kita ingin membuat aplikasi yang ada pilihannya. Maka kita harus tahu komponen apa yang dipakai.  Salah satu yang bisa kita pakai adalah RadioGroup dimana didalam radiogroup ini ada beberapa Radio Button. Pada kesempatan kali ini kita akan mencoba mengenalkan pemakaian Radio Group dan Radio Button pada Android
1. Buat Project baru dengan nama “LearnRadioGroup” dan packagebya dengan nama “net.agusharyanto.learnradiogroup”

2. Edit string.xml lalu ketikan kode berikut

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">LearnRadioGroup</string>
    <string name="radio_merah">Merah</string>
    <string name="radio_hijau">Hijau</string>
    <string name="radio_biru">Biru</string>
    <string name="radio_coklat">Coklat</string>
    <string name="radio_ungu">Ungu</string>
    <string name="jawab">Cek Jawaban</string>
    <string name="pilihwarna">Pilih Warna ?</string>

</resources>

3. Edit activity_main.xml lalu ketikan kode 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"
    tools:context="${packageName}.${activityClass}" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/pilihwarna" />

    <RadioGroup
        android:id="@+id/radioGroupWarna"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1" >

        <RadioButton
            android:id="@+id/radioMerah"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="@string/radio_merah" />

        <RadioButton
            android:id="@+id/radioBiru"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/radio_biru" />

        <RadioButton
            android:id="@+id/radioCoklat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/radio_coklat" />
         <RadioButton
            android:id="@+id/radioHijau"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/radio_hijau" />

        <RadioButton
            android:id="@+id/radioUngu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/radio_ungu" />
    </RadioGroup>

    <Button
        android:id="@+id/buttonJawab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/radioGroupWarna"
        android:text="@string/jawab" />

</RelativeLayout>

4. Edit MainActivity.java lalu ketikan kode berikut

package net.agusharyanto.learnradiogroup;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

public class MainActivity extends Activity {

	private RadioGroup radioGroupWarna;
	private RadioButton radioButtonWarna;
	private Button btnJawab;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		radioGroupWarna = (RadioGroup) findViewById(R.id.radioGroupWarna);
		btnJawab = (Button) findViewById(R.id.buttonJawab);
		addListenerOnButtonJawab();

	}

	public void addListenerOnButtonJawab() {

		btnJawab.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {

				// get selected radio button from radioGroup
				int selectedId = radioGroupWarna.getCheckedRadioButtonId();

				// find the radiobutton by returned id
				radioButtonWarna = (RadioButton) findViewById(selectedId);

				Toast.makeText(getBaseContext(),
						"Anda Memilih Warna " + radioButtonWarna.getText(),
						Toast.LENGTH_SHORT).show();

			}

		});

	}
}

5. Sekarang mari kita coba jalankan, pilih saah satu warna lalu sentuh tombol Cek jawaban

Semoga bermanfaat

Salam Hangat

Agus Haryanto

Referensi

http://www.mkyong.com/android/android-radio-buttons-example/