Membuat ToogleButton di Android

20/08/2014    Arya Febiyan    2880    Desain

Siang ini Saya akan mengajarkan bagaimana cara Membuat ToogleButton di Android. Nantinya para pembaca akan mendapatkan output dua buah tombol toogle button dan sebuah tombol button, ketika mengklik tombol button maka nanti akan menampilkan nilai toogle button apakah aktif atau tidak.

Berikut file strings.xml :

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

    <string name="app_name">Toggle Button</string>
    <string name="on">ON</string>
    <string name="off">OFF</string>
    <string name="action_settings">Settings</string>
    <string name="display">Display</string>

</resources>

Berikut file fragment_main.xml :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    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.togglebutton.MainActivity$PlaceholderFragment" >

    <ToggleButton
        android:id="@+id/tg1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <ToggleButton
        android:id="@+id/tg2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/display" />

</LinearLayout>

Berikut file MainActivity.java :

public static class PlaceholderFragment extends Fragment {

    ToggleButton tg1, tg2;
    Button btn;
    StringBuffer result;
    
    public PlaceholderFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);
       
        tg1 = (ToggleButton)rootView.findViewById(R.id.tg1);
        tg2 = (ToggleButton)rootView.findViewById(R.id.tg2);
        btn = (Button)rootView.findViewById(R.id.btn);
       
        btn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                result = new StringBuffer();
                result.append("ToggleButton 1 : ").append(tg1.getText());
                result.append("\nToggleButton 2 : ").append(tg2.getText());
                Toast.makeText(getActivity(), result.toString(), Toast.LENGTH_SHORT).show();
            }
        });
       
        return rootView;
    }
}

Berikut hasil akhirnya :

No data.