Showing posts with label toggle switch button. Show all posts
Showing posts with label toggle switch button. Show all posts

Sunday 23 December 2012

Android toggle button


Hello Droid Guys,

Today ,I am sharing the code of custom toggle button in android. How to make a toggle switch button like
iPhone.




1. Create a new project in Eclipse File New ⇒ Android ⇒ Application Project and fill the required details.
2. Create required files needed to show a toggle switch button. I am using my default activity_main.xml as where I place the toggle button code and created a new xml file inside
 drawable in which I change my toggle button on selection
1. activity_main.xml

 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   android:layout_width="fill_parent"  
   android:layout_height="fill_parent"  
   android:gravity="center"  
   android:orientation="vertical"  
   android:padding="10dp" >  
   <ToggleButton  
     android:id="@+id/toggle"  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:background="@drawable/btntoggle_selector"  
     android:textColor="@android:color/transparent"  
     android:textOff="Off"  
     android:textOn="On" />  
 </LinearLayout>  





2.btntoggle_selector



1:  <?xml version="1.0" encoding="utf-8"?>  
2:  <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3:    <item android:drawable="@drawable/on" android:state_checked="true" android:state_pressed="true"/>  
4:    <item android:drawable="@drawable/on" android:state_checked="true" android:state_focused="false"/>  
5:    <item android:drawable="@drawable/off" android:state_checked="false" android:state_pressed="true"/>  
6:    <item android:drawable="@drawable/off" android:state_checked="false" android:state_focused="false"/>  
7:  </selector>  



3.CustomToggleButtonActivity


1:  package com.mukesh.customtogglebutton;  
2:  import android.app.Activity;  
3:  import android.os.Bundle;  
4:  import android.view.View;  
5:  import android.view.View.OnClickListener;  
6:  import android.widget.Toast;  
7:  import android.widget.ToggleButton;  
8:  import com.technotalkative.customtogglebutton.R;  
9:  public class CustomToggleButtonActivity extends Activity {  
10:       ToggleButton toggleBtn;  
11:       /** Called when the activity is first created. */  
12:       @Override  
13:       public void onCreate(Bundle savedInstanceState) {  
14:            super.onCreate(savedInstanceState);  
15:            setContentView(R.layout.main);  
16:            toggleBtn = (ToggleButton) findViewById(R.id.toggle);  
17:            toggleBtn.setOnClickListener(new OnClickListener() {  
18:                 public void onClick(View v) {  
19:                      String state = toggleBtn.getText().toString();  
20:                      Toast.makeText(CustomToggleButtonActivity.this,  
21:                                "Toggle State :" + state, Toast.LENGTH_LONG).show();  
22:                 }  
23:            });  
24:       }  
25:  }  




     You can use default android switches :


android switch

Android toggle button


               
              
    Enjoy coding ... :)

 

Copyright @ 2013 Android Developers Blog.