Friday, December 27, 2013

Creating Custom Toggle button

1) create [drawablename].xml under /res/drawable
eg: toggle_bt.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
   <!-- deselection -->
   <item android:state_checked="false" android:drawable="@drawable/delete_icon" />
   <!-- Selection -->
   <item android:state_checked="true" android:drawable="@drawable/add_icon" />
</selector>


2) create [drawablename].xml under /res/drawable for setting background toggle button.
eg: toggle_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:id="@+android:id/background" android:drawable="@drawable/toggle_bt" />
   <item android:id="@+android:id/shoptoggle" android:drawable="@android:color/transparent" />
</layer-list>


3) added toggle button to layout and set background drawable.
eg:
<ToggleButton
            android:id="@+id/toggle_btn"
            android:background="@drawable/toggle_bg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textOn=""
            android:textOff=""
            android:text=""
            />

No comments:

Post a Comment