Cara membuat radio group dan radio button dengan menggunakan aplikasi android

Cara membuat radio group dan radio button dengan menggunakan aplikasi android

Radio grup dan radio button adalah salah satu menu pilihan yang banyak digunakan untuk membuat program diandroid kerena selain penggunaannya mudah radio button dan radio group bisa menghemat tampilan dari aplikasi. berikut ini adalah cara untuk membuat tampilan aplikasi.

Langkah pertama buka aplikasi android

Kemudian kita atur tempat penyimpanan project

Setelah itu kita buat nama project dari aplikasi tersebut seperti contoh dibawah ini

Kemudian kita beri nama project dengan nama “LearnRadioGroup”

 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>

Kemudian kita edi 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>

Setelah itu 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();

}

});

}

}

Dan terakhir kita coba jalankan aplikasi dengan menggunakan emulator android dan hasilnya.

Baiklah tadi saya sudah menjelaskan bagaimana cara membuat radio group semoga apa yang saya jelaskan tadi bisa bermanfaat bagi pembaca.