![\"ToggleButton\"](\"\/ui\/wp-content\/uploads\/2016\/02\/ToggleButton-300x102.jpg\")
<\/center>ToggleButton Vs Switch In Android:<\/strong><\/span><\/p>\nToggleButton allow the users to change the setting between two states like turn on\/off your wifi, Bluetooth etc from your phone\u2019s setting menu. Since, Android 4.0 version ( API level 14 ) there is an another kind of ToggleButton called Switch which\u00a0provide the user slider control. You can learn more about it reading Switch tutorial<\/a>.<\/p>\n ToggleButton code in XML:<\/strong><\/p>\n How To Check Current State Of ToggleButton:<\/strong><\/span><\/p>\n To check\u00a0current state of a toggle button programmatically we use\u00a0isChecked() method. This method returns a Boolean value either\u00a0true or false. If a toggle button is checked then it returns true otherwise it returns false. Below is\u00a0the\u00a0code which checks the current state of a toggle button.<\/p>\n Now let\u2019s \u00a0we discuss important\u00a0attributes that helps us to configure a Toggle Button in XML\u00a0file (layout).<\/p>\n 1. id:<\/strong><\/span>\u00a0id is an attribute used to uniquely identify a toggle button.<\/p>\n 2. checked: <\/strong><\/span>checked is an attribute of toggle button used to set the current state of a toggle button. The value should be true or false where true shows the checked state and false shows unchecked state of a toggle button. The default value of checked attribute is false. We can also set the current state programmatically.<\/p>\n Below we set true value for checked attribute sets the current state to checked.<\/p>\n Below we set the current state of toggle button to checked:<\/p>\n 3. gravity: <\/strong><\/span>The gravity attribute is an optional attribute which is used to control the alignment of the text in ToogleButton like left, right, center, top, bottom, center_vertical, center_horizontal etc.<\/p>\n Below is the example code with explanation included in which we set the textOn \u00a0\u201cEnabble\u00a0Attribute Of Toggle button\u201d for a toggle button.<\/p>\n 5. textColor:<\/strong><\/span> textColor attribute is used to set the text color of a toggle button. Color value is in the form of “#argb”, “#rgb”, “#rrggbb”, or “#aarrggbb”.<\/p>\n Below we set the red color for the displayed text of a Toggle button.<\/p>\n 6. textSize:<\/strong><\/span>\u00a0textSize attribute set the size of the text of a toggle button. We can set the text size in sp(scale independent pixel) or dp(density pixel).<\/p>\n Below we set the 25sp size for the text of a toggle button.<\/p>\n 7. textStyle:<\/strong><\/span> textStyle attribute is used to set the text style of the text of a Toggle button. You can set\u00a0bold, italic and normal.\u00a0 If you need to use two or more styles for a text view then \u201c|\u201d operator is used for that.<\/p>\n Below we set the bold and italic text styles for text of a toggle button.<\/p>\n Below we set the black color for the background and red color for the displayed text of a ToggleButton.<\/p>\n 9. padding:<\/strong><\/span>\u00a0padding attribute is used to set the padding from left, right, top or bottom.<\/p>\n Below we set the 40dp padding from all the side\u2019s of the toggle button.<\/p>\n Below we set the icon to the Top\u00a0of the text of a ToggleButton. In the similar way you can try for other three attribute yourself.<\/p>\n Below is the example of ToggleButton in Android Studio. In this example we display two toggle button with background and one \u201csubmit\u201d button using attributes discussed earlier in this post.\u00a0Whenever user\u00a0click on the submit button, the current state of\u00a0both toggle button\u2019s is displayed in a Toast. Below is the final output, download code and step by step explanation:<\/p>\n Download Code<\/a> ? <\/a><\/p>\n In this step we create a new project for ToggleButton in Android Studio by filling all the necessary\u00a0details of the app like app name, package name, api versions etc.<\/p>\n Step 2:<\/strong><\/span> Open res -> layout ->\u00a0activity_main.xml (or) main.xml\u00a0and add following code:<\/p>\n In this step we open an xml file and add the code for displaying two toggle button and one normal Button.<\/p>\n Step 3: Open \u00a0 app\u00a0-> java -> package ->\u00a0MainActivity.<\/strong>java<\/strong><\/p>\n In this step we open\u00a0MainActivity\u00a0where\u00a0we add the code to\u00a0initiate the Toggle Buttons and normal Button. After initiating we\u00a0perform click event on button and display the text of current state of ToggleButton using a Toast.<\/p>\n Output:<\/strong><\/span><\/p>\n Now start the AVD in Emulator and run the App. You will see two ToggleButton and submit Button. Click on the submit button which will display the state of ToggleButton.<\/p>\n In Android, ToggleButton is used to display checked and unchecked state of a button. ToggleButton basically an off\/on button with a light indicator which\u00a0indicate the current state of toggle button. The most simple example of ToggleButton is doing\u00a0on\/off in sound, Bluetooth, wifi, hotspot etc.\u00a0It\u00a0is a subclass of compoundButton. ToggleButton Vs Switch In Android: ToggleButton allow … Continue reading ToggleButton (On\/Off) Tutorial With Example In Android<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-859","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"![\"Switch](\"\/ui\/wp-content\/uploads\/2016\/02\/Switch-Vs-ToggleButton-in-Android-300x185.jpg\")
<\/center>Important\u00a0Note: <\/strong><\/span>Android Switch and ToggleButton both are the subclasses of CompoundButton class.<\/p>\n<ToggleButton\r\nandroid:id=\"@+id\/simpleToggleButton\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/>\r\n<\/pre>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton); \/\/ initiate a toggle button\r\nBoolean ToggleButtonState = simpleToggleButton.isChecked(); \/\/ check current state of a toggle button (true or false).<\/pre>\n
\nAttributes of ToggleButton:<\/strong><\/h4>\n
<ToggleButton\r\nandroid:id=\"@+id\/simpleToggleButton\"<\/strong>\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/><\/pre>\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\" \/><!-- set the current state of the toggle button--><\/pre>\n
![\"Checked](\"\/ui\/wp-content\/uploads\/2016\/02\/Checked-in-ToggleButton-300x240.jpg\")
<\/center>Setting Checked Of ToogleButton Current State In Java Class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton<\/em><\/strong>); \/\/ initiate a toggle button\r\nsimpleToggleButton.setChecked(true<\/strong>); \/\/ set the current state of a toggle button\r\n<\/pre>\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:checked=\"true\"\r\n android:gravity=\"right|center_vertical\"\/><!-- gravity of the toggle button--><\/pre>\n
![\"gravity](\"\/ui\/wp-content\/uploads\/2016\/02\/gravity-in-ToggleButton-300x211.jpg\")
<\/center>4. textOn And textOff:<\/strong><\/span> textOn attribute is used to set the text when toggle button is in checked\/on state. We can set the textOn in XML\u00a0as well as in the java class.<\/p>\n<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOff=\"Disable\"\r\n android:textOn=\"Enable\"\/> <!--text to be displayed whenever toggle button is checked--><\/pre>\n
![\"texton](\"\/ui\/wp-content\/uploads\/2016\/02\/texton-and-textoff-in-ToogleButton-Android.jpg\")
<\/center>Setting textOn and textOff Of ToggleButton In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/ initiate toggle button\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton);\r\n\/\/ displayed text of the toggle button whenever it is in checked or on state\r\nsimpleToggleButton.setTextOn(\"TextOn Attribute Of Toggle b3`utton\");\r\n\/\/ displayed text of the toggle button whenever it is in unchecked or off state\r\nsimpleToggleButton.setTextOff(\"TextOff Attribute Of Toggle b3`utton\");<\/pre>\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"false\"\r\n android:textOff=\"On State\"\r\n android:textOn=\"Off State\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textColor=\"#f00\" \/><!--red color for displayed text--><\/pre>\n
![\"textColor](\"\/ui\/wp-content\/uploads\/2016\/02\/textColor-in-ToggleButton-Android.jpg\")
<\/center>Setting textColor Of ToggleButton In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton<\/em><\/strong>);\/\/ initiate toggle button\r\nsimpleToggleButton.setTextColor(Color.RED<\/em><\/strong>); \/\/red color for displayed text of toggle button\r\n<\/pre>\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"false\"\r\n android:textOff=\"On State\"\r\n android:textOn=\"Off State\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textColor=\"#f00\"\r\n android:textSize=\"25sp\"\/> <!-- 25sp displayed text size--><\/pre>\n
![\"textSize](\"\/ui\/wp-content\/uploads\/2016\/02\/textSize-in-ToggleButton-Text-Android.jpg\")
<\/center>Setting textSize Of ToggleButton Text In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton<\/em><\/strong>); \/\/ initiate toggle button\r\nsimpleToggleButton.setTextSize(25); \/\/ set 25sp displayed text size of toggle button\r\n<\/pre>\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:textOff=\"Off State\"\r\n android:textOn=\"On State\"\r\n android:textSize=\"25sp\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textColor=\"#f00\"\r\n android:textStyle=\"bold|italic\"\/> <!-- bold and italic text style for displayed text--><\/pre>\n
![\"textStyle](\"\/ui\/wp-content\/uploads\/2016\/02\/textStyle-in-ToggleButton-Android.jpg\")
<\/center>8. background:<\/strong><\/span> background attribute is used to set the background of a toggle button. We can set a color or a drawable in the background of a toggle button.<\/p>\n<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:textOff=\"Off State\"\r\n android:textOn=\"On State\"\r\n android:textSize=\"25sp\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textStyle=\"bold|italic\"\r\n android:textColor=\"#f00\"\r\n android:background=\"#000\"\/><!--Black Color Background--><\/pre>\n
![\"background](\"\/ui\/wp-content\/uploads\/2016\/02\/background-in-ToggleButton-Android.jpg\")
<\/center>Setting Background\u00a0Of ToggleButton Text In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nToggleButton simpleToggleButton = (ToggleButton) findViewById(R.id.simpleToggleButton<\/em><\/strong>);\r\nsimpleToggleButton.setBackgroundColor(Color.BLACK<\/em><\/strong>);\r\n<\/pre>\n
\n
<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:textOff=\"Off State\"\r\n android:textOn=\"On State\"\r\n android:textSize=\"25sp\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textColor=\"#f00\"\r\n android:padding=\"40dp\"\/> <!--40dp padding from all the side's of toggle button--><\/pre>\n
![\"padding](\"\/ui\/wp-content\/uploads\/2016\/02\/padding-in-ToggleButton.jpg\")
<\/center>10. drawableBottom, drawableTop, drawableRight And drawableLeft: <\/strong><\/span>These attribute draw the drawable below, top, right and left of the text of ToggleButton.<\/p>\n<!--Make sure to add ic_launcher image in drawable folder-->\r\n<ToggleButton\r\n android:id=\"@+id\/simpleToggleButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:textOff=\"Off State\"\r\n android:textOn=\"On State\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textColor=\"#000\"\r\n android:drawableTop=\"@drawable\/ic_launcher\" \/><!--drawable icon at the bottom of text of top buttton--><\/pre>\n
![\"drawableTop](\"\/ui\/wp-content\/uploads\/2016\/02\/drawableTop-in-ToggleButton-Android.jpg\")
<\/center><\/p>\n
\nToggleButton Example In Android Studio:<\/strong><\/h4>\n
![\"ToggleButton](\"\/ui\/wp-content\/uploads\/2016\/02\/ToggleButton-Example-in-Android-Studio-183x300.jpg\")
<\/center>Step 1:<\/strong><\/span> Create a new project and name it ToggleButtonExample<\/p>\nSelect File -> New -> New Project -> Fill the forms and click \"Finish\" button.<\/pre>\n
<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:orientation=\"vertical\"\r\n android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n tools:context=\".MainActivity\">\r\n\r\n <LinearLayout\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center_horizontal\"\r\n android:orientation=\"horizontal\">\r\n\r\n <ToggleButton\r\n android:id=\"@+id\/simpleToggleButton1\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center_horizontal\"\r\n android:checked=\"false\"\r\n android:drawablePadding=\"20dp\"\r\n android:drawableRight=\"@drawable\/ic_launcher\"\r\n android:textColor=\"#000\" \/>\r\n\r\n <ToggleButton\r\n android:id=\"@+id\/simpleToggleButton2\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center_horizontal\"\r\n android:layout_marginLeft=\"50dp\"\r\n android:checked=\"true\"\r\n android:drawableLeft=\"@drawable\/ic_launcher\"\r\n android:drawablePadding=\"20dp\"\r\n android:textColor=\"#000\" \/>\r\n <\/LinearLayout>\r\n\r\n <Button\r\n android:id=\"@+id\/submitButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center\"\r\n android:layout_marginTop=\"50dp\"\r\n android:background=\"#0f0\"\r\n android:padding=\"10dp\"\r\n android:text=\"Submit\"\r\n android:textColor=\"#fff\"\r\n android:textSize=\"20sp\"\r\n android:textStyle=\"bold\" \/>\r\n<\/LinearLayout><\/pre>\n
package example.abhiandriod.togglebuttonexample;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\nimport android.widget.Toast;\r\nimport android.widget.ToggleButton;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n ToggleButton simpleToggleButton1, simpleToggleButton2;\r\n Button submit;\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n \/\/ initiate toggle button's\r\n simpleToggleButton1 = (ToggleButton) findViewById(R.id.simpleToggleButton1);\r\n simpleToggleButton2 = (ToggleButton) findViewById(R.id.simpleToggleButton2);\r\n submit = (Button) findViewById(R.id.submitButton);\r\n submit.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View view) {\r\n String status = \"ToggleButton1 : \" + simpleToggleButton1.getText() + \"\\n\" + \"ToggleButton2 : \" + simpleToggleButton2.getText();\r\n Toast.makeText(getApplicationContext(), status, Toast.LENGTH_SHORT).show(); \/\/ display the current state of toggle button's\r\n }\r\n });\r\n }\r\n\r\n \r\n}<\/pre>\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"