Custom (round) toggle button

Question

I am trying to build a custom toggle button in Android, I want it to look like radio button but function as toggle button. Can some one help me with this? any clue hints close to answer is appreciated.

Answer 1

You need to override the look of the toggle button via some custom xml

quick overview:

• create png files with the look and feel of your buttons, if you like the radio buttons, grab them from ...\eclipse_android-sdk-windows\platforms\android-8\data\res\drawable-hdpi

• in your layout xml android:background="@drawable/round_toggle" />

• add selectors with as many states (up to 6 + default) in round_toggle.xml

  <?xml version="1.0" encoding="UTF-8"?>
  <selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_checked="true" android:state_pressed="true" android:drawable="@drawable/roundtoggle_on_pressed" />
  <item android:state_checked="true" android:state_focused="true" 
       android:drawable="@drawable/roundtoggle_on_focused" />
  <item android:state_checked="true" android:state_focused="false"    
       android:drawable="@drawable/roundtoggle_on_normal" />       
  <item android:state_checked="false" android:state_pressed="true"
       android:drawable="@drawable/roundtoggle_off_pressed" />
  <item android:state_checked="false" android:state_focused="true"
       android:drawable="@drawable/roundtoggle_off_focused" />
  <item android:state_checked="false" android:state_focused="false"
       android:drawable="@drawable/roundtoggle_off_normal" />
  <item android:drawable="@drawable/roundtoggle_off_normal" />
  </selector>
  

full details in http://www.anddev.org/act_custom_togglebuttons-t10620.html

Answer 2

Why not use the RadioButton view and RadioGroup layout?

RadioButton myRadioButton = (RadioButton)findViewById(R.id.myradiobutton);
myRadioButton.setOnClickListener(new OnClickListener() {

     @Override
     public void onClick(View v) {
          // Toggle the radio button on click.
          RadioButton button = (RadioButton)v;
          button.setChecked(!button.isChecked());                   
     }
});

Answer 3

You could try re-skinning a checkbox. The following link is a tutorial on doing so:

link