Mengganti Warna Background Dengan RadioButton di Android

13/08/2014    Arya Febiyan    7358    Desain

Pagi ini Akan mengajarkan bagaimana cara Mengganti Warna Background Dengan RadioButton di Android. Nantinya Anda akan membuat dua buah radio button yaitu kuning dan merah. Ketika kuning Anda klik maka warna background akan berubah menjadi kuning, begitu juga sebaliknya untuk radio button merah.

Berikut adalah file strings.xml :

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

    <string name="app_name">Radio Change Background</string>
    <string name="kuning">Kuning</string>
    <string name="merah">Merah</string>
    <string name="action_settings">Settings</string>

</resources>

Berikut adalah file fragment_main.xml :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    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.radiobuttonchangebackground.MainActivity$PlaceholderFragment" >

    <RadioGroup
        android:id="@+id/radiogroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

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

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

</LinearLayout>

Berikut adalah file MainActivity.java :

public static class PlaceholderFragment extends Fragment {
    
    LinearLayout layout;
    RadioGroup radiogroup;
    RadioButton radiobutton;
    
    public PlaceholderFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater i, ViewGroup c, Bundle s) {
        final View rootView = i.inflate(R.layout.fragment_main, c, false);

        layout = (LinearLayout)rootView.findViewById(R.id.layout);
        radiogroup = (RadioGroup)rootView.findViewById(R.id.radiogroup);
       
        radiogroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {                
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                int choose = radiogroup.getCheckedRadioButtonId();
                radiobutton = (RadioButton)rootView.findViewById(choose);
               
                if (radiobutton.getText().equals("Kuning")) {
                    layout.setBackgroundColor(Color.YELLOW);
                } else if (radiobutton.getText().equals("Merah")) {
                    layout.setBackgroundColor(Color.RED);
                }
            }
        });
       
        return rootView;
    }
}

Berikut adalah file output akhir :

No data.