![\"Switch](\"\/ui\/wp-content\/uploads\/2016\/02\/Switch-Android.jpg\")
<\/center>As compared to ToggleButton Switch provides user slider control. The user can simply tap on a switch to change its current state.<\/p>\nSwitch allow the users to change the setting between two states like turn on\/off \u00a0wifi, Bluetooth etc from your phone\u2019s setting menu. It was introduced after Android 4.0 version (API level 14).<\/p>\n
Important Note: <\/strong><\/span>Android Switch and ToggleButton both are the subclasses of CompoundButton class.<\/p>\n Switch code in XML:<\/strong><\/p>\n Below is an example code in which we checked the current state of a Switch.<\/p>\n Now let\u2019s \u00a0we discuss important Switch attributes that helps us to configure a Switch in XML file(layout).<\/p>\n 1. id:<\/strong><\/span> id is an attribute used to uniquely identify a Switch.<\/p>\n 2. checked:<\/span>\u00a0<\/strong>checked attribute of Switch is used to set the current state of a Switch. The value can\u00a0be either true or false where true shows the checked state and false shows unchecked state of a Switch. 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 that sets the current state to checked.<\/p>\n Below we set the current state of Switch in java class.<\/p>\n 3. text:<\/strong><\/span> text attribute is used to set the text in a Switch. We can set the text in xml as well as in the java class.<\/p>\n Below we set the text \u201cSound\u201d for the Switch.<\/p>\n In the below code we set text of\u00a0Switch via java class.<\/p>\n 4. gravity:<\/span>\u00a0<\/strong>The gravity attribute is an optional attribute which is used to control the alignment of the text in Switch. We can set text\u00a0left, right, center, top, bottom, center_vertical, center_horizontal etc in Switch.<\/p>\n In the below code we set the left\u00a0gravity for the text in Switch.<\/p>\n In the below example\u00a0we set the textOn as “Yes” and textOff as “No” for a Switch.<\/p>\n Below we set the textOn and textOff of a Switch in java class.<\/p>\n 6. textColor:<\/span>\u00a0<\/strong>textColor attribute is used to set the text color of a Switch. Color value is in the form of “#argb”, “#rgb”, “#rrggbb”, or “#aarrggbb”.<\/p>\n Below is the example code with explanation included in which we set the red color for the displayed text of a Switch.<\/p>\n Below is the example code in which we set the text color of a Switch programmatically.<\/p>\n 7. textSize:<\/strong><\/span>\u00a0textSize attribute is used to set the size of the text of a Switch. We can set the text size in sp(scale independent pixel) or dp(density pixel).<\/p>\n Below is the example code in which we set the 25sp size for the text of a Switch.<\/p>\n Below is the example code in which we set the text size of a Switch programmatically.<\/p>\n 9. textStyle:<\/strong><\/span>\u00a0textStyle attribute is used to set the text style of the text of a Switch. The possible text styles are bold, italic and normal.\u00a0 If we need to use two or more styles for a text view then use \u201c|\u201d operator.<\/p>\n Below we set the bold and italic text styles for text of a Switch.<\/p>\n Below we set the black color for the background and red color for the displayed text of a Switch.<\/p>\n Below we set the background color of a Switch programmatically.<\/p>\n 11. padding:<\/strong><\/span> padding attribute is used to set the padding from left, right, top or bottom in Switch.<\/p>\n Below we set the 20dp padding from all the side\u2019s of the Switch.<\/p>\n Below we set the icon to the below of the text of a Switch. You can try other three by yourself.<\/p>\n Before you try this make sure you have icon image in drawable folder<\/p>\n Below is the example of Switch in Android Studio. In this example, we display two Switches and one “submit” button\u00a0using\u00a0background &\u00a0other attributes as discussed earlier in this post.\u00a0Whenever you click on submit button the current state for both the Switch\u2019s is displayed in a Toast. Below is the final output, code and example explained step by step:<\/p>\n [cp_modal id=”cp_id_5e2fa”] In this step we create a new project 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<\/strong>\u00a0and add following code:<\/p>\n In this step we open an xml file and add the code for displaying two Switch 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 two Switch’s and one normal button. And then we perform click event on button and display the text of current state of Switch by using a toast.<\/p>\n Output:\u00a0<\/strong><\/p>\n Now start the AVD in Emulator and run the App. You will see two switch and one Button. Now change the state of the switch (i.e. either checked or unchecked) and click on the Button. You will see the state displayed on screen as Toast.<\/p>\n In Android, Switch is a two-state toggle switch widget that can select between two options. It is used to display checked and unchecked state of a button providing slider control to user. Switch is a subclass of CompoundButton. It is basically an off\/on button which indicate the current state of Switch. It is commonly used … Continue reading Switch (On\/Off) Tutorial With Example In Android Studio<\/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-861","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"<Switch\r\nandroid:id=\"@+id\/simpleSwitch\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/>\r\n<\/pre>\n
![\"Switch](\"\/ui\/wp-content\/uploads\/2016\/02\/Switch-in-Android.jpg\")
<\/center>Important Note:<\/strong><\/span> We\u00a0can check the current state of a Switch programmatically by using isChecked() method. This method returns a Boolean value means true or false. If a Switch is checked then it returns true otherwise it returns false.<\/p>\n\/\/ initiate a Switch\r\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em>);\r\n\r\n\/\/ check current state of a Switch (true or false).\r\nBoolean switchState = simpleSwitch.isChecked();\r\n<\/pre>\n
\nAttributes of Switch:<\/strong><\/h4>\n
<Switch\r\nandroid:id=\"@+id\/simpleSwitch\"<\/strong>\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\/><\/pre>\n
<Switch\r\nandroid:id=\"@+id\/simpleSwitch\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:checked=\"true\"\/> <!-- set the current state of the Switch--><\/pre>\n
![\"Checked](\"\/ui\/wp-content\/uploads\/2016\/02\/Checked-Attribute-in-Switch-Android.jpg\")
<\/center>Setting Check Attribute In Switch Using Java Class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/ initiate a Switch\r\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em>);\r\n\r\n\/\/set the current state of a Switch\r\nsimpleSwitch.setChecked(true);<\/pre>\n
<Switch\r\nandroid:id=\"@+id\/simpleSwitch\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_centerHorizontal=\"true\"\r\nandroid:text=\"Sound\" \/> <!--displayed text of switch-->\r\n<\/pre>\n
![\"text](\"\/ui\/wp-content\/uploads\/2016\/02\/text-attribute-in-Switch-Android.jpg\")
<\/center>Setting Text In Switch Using Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/ initiate Switch\r\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em>);\r\n\r\n\/\/displayed text of the Switch\r\nsimpleSwitch.setText(\"switch\");\r\n<\/pre>\n
<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:text=\"Sound\"\r\n android:checked=\"true\"\r\n android:gravity=\"left\"\/><!--gravity of the Switch--><\/pre>\n
![\"gravity](\"\/ui\/wp-content\/uploads\/2016\/02\/gravity-in-Switch-Android.jpg\")
<\/center>5. textOn And testOff:<\/span>\u00a0<\/strong>textOn attribute is used to set the text when Switch is in checked state (i.e. on state). We can set the textOn in XML\u00a0as well as in the java class.<\/p>\n<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"Notification\"\r\n android:textOff=\"No\"\r\n android:textOn=\"Yes\"\/><!-- text to be displayed whenever current state is checked--><\/pre>\n
![\"texton](\"\/ui\/wp-content\/uploads\/2016\/02\/texton-textoff-in-Switch-Android.jpg\")
<\/center>Setting textOn And testOff of\u00a0Switch In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em><\/strong>); \/\/ initiate Switch\r\n\r\nsimpleSwitch.setTextOn(\"On\"<\/strong>); \/\/ displayed text of the Switch whenever it is in checked or on state\r\nsimpleSwitch.setTextOff(\"Off\"); \/\/ displayed text of the Switch whenever it is in unchecked i.e. off state<\/pre>\n
<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:gravity=\"center\"\r\n android:textColor=\"#008F36\"\/><!-- Green color for displayed text--><\/pre>\n
![\"textColor](\"\/ui\/wp-content\/uploads\/2016\/02\/textColor-Attribute-in-Switch-300x191.jpg\")
<\/center>Setting textColor Of Switch text In Java class:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\n Switch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch);\/\/ initiate Switch\r\n\r\n simpleSwitch.setTextColor(Color.GREEN); \/\/red color for displayed text of Switch<\/pre>\n
<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:textColor=\"#f00\"\r\n android:gravity=\"center\"\r\n android:textSize=\"25sp\"\/> <!--25sp displayed text size--><\/pre>\n
![\"textSize](\"\/ui\/wp-content\/uploads\/2016\/02\/textSize-in-Switch-Android-300x218.jpg\")
<\/center>Setting textSize Of Switch Text In Java class:<\/strong><\/p>\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em><\/strong>); \/\/ initiate Switch\r\n\r\nsimpleSwitch.setTextSize(25); \/\/ set 25sp displayed text size of Switch<\/pre>\n
<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"false\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:textColor=\"#f00\"\r\n android:gravity=\"center\"\r\n android:textSize=\"25sp\"\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-Switch-Android-300x203.jpg\")
<\/center>10. background:<\/strong><\/span>\u00a0background attribute is used to set the background of a Switch. We can set a color or a drawable in the background of a Switch.<\/p>\n<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:textColor=\"#f00\"\r\n android:padding=\"20dp\"\r\n android:gravity=\"center\"\r\n android:textSize=\"25sp\"\r\n android:background=\"#000\"\/><!-- black background color--><\/pre>\n
![\"Background](\"\/ui\/wp-content\/uploads\/2016\/02\/Background-in-Switch-Android-300x245.jpg\")
<\/center>Setting Background In Java class:<\/strong><\/p>\nSwitch simpleSwitch = (Switch) findViewById(R.id.simpleSwitch<\/em>);\r\nsimpleSwitch.setBackgroundColor(Color.BLACK<\/em>);<\/pre>\n
\n
<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:textColor=\"#f00\"\r\n android:gravity=\"center\"\r\n android:textSize=\"25sp\"\r\n android:padding=\"40dp\"\/><!-- 20dp padding from all the side's--><\/pre>\n
![\"Padding](\"\/ui\/wp-content\/uploads\/2016\/02\/Padding-in-Switch-Android-300x243.jpg\")
<\/center>12. drawableBottom, drawableTop, drawableRight And drawableLeft:<\/strong><\/span>\u00a0These attribute draw the drawable below, top, right and left\u00a0of the text of Switch.<\/p>\n<Switch\r\n android:id=\"@+id\/simpleSwitch\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:checked=\"true\"\r\n android:text=\"switch\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:textOn=\"On\"\r\n android:textOff=\"Off\"\r\n android:textColor=\"#f00\"\r\n android:gravity=\"center\"\r\n android:textSize=\"25sp\"\r\n android:drawableBottom=\"@drawable\/ic_launcher\"\/><!--drawable icon to be displayed in the bottom of text--><\/pre>\n
![\"drawable](\"\/ui\/wp-content\/uploads\/2016\/02\/drawable-in-Switch-Android-300x231.jpg\")
<\/center><\/p>\n
\nExample of Switch In Android Studio:<\/strong><\/h4>\n
![\"Download](\"\/ui\/wp-content\/uploads\/2016\/08\/Download-Code1.png\")
[\/cp_modal]<\/p>\n![\"Switch](\"\/ui\/wp-content\/uploads\/2016\/02\/Switch-Example-in-Android-Studio.jpg\")
<\/center>Step 1:<\/strong><\/span> Create a new project and name it SwitchExample<\/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\r\n <Switch\r\n android:id=\"@+id\/simpleSwitch1\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center\"\r\n android:checked=\"false\"\r\n android:text=\"switch 1\"\r\n android:textOff=\"Off\"\r\n android:textOn=\"On\" \/>\r\n\r\n <Switch\r\n android:id=\"@+id\/simpleSwitch2\"\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=\"20dp\"\r\n android:checked=\"true\"\r\n android:text=\"switch 2\"\r\n android:textOff=\"Off\"\r\n android:textOn=\"On\" \/>\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=\"#009284\"\r\n android:padding=\"10dp\"\r\n android:text=\"Submit\"\r\n android:textColor=\"#fff\"\r\n android:textStyle=\"bold\" \/>\r\n<\/LinearLayout><\/pre>\n
package example.abhiandriod.switchexample;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.View;\r\nimport android.widget.Button;\r\nimport android.widget.Switch;\r\nimport android.widget.Toast;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n Switch simpleSwitch1, simpleSwitch2;\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 view's\r\n simpleSwitch1 = (Switch) findViewById(R.id.simpleSwitch1);\r\n simpleSwitch2 = (Switch) findViewById(R.id.simpleSwitch2);\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 statusSwitch1, statusSwitch2;\r\n if (simpleSwitch1.isChecked())\r\n statusSwitch1 = simpleSwitch1.getTextOn().toString();\r\n else\r\n statusSwitch1 = simpleSwitch1.getTextOff().toString();\r\n if (simpleSwitch2.isChecked())\r\n statusSwitch2 = simpleSwitch2.getTextOn().toString();\r\n else\r\n statusSwitch2 = simpleSwitch2.getTextOff().toString();\r\n Toast.makeText(getApplicationContext(), \"Switch1 :\" + statusSwitch1 + \"\\n\" + \"Switch2 :\" + statusSwitch2, Toast.LENGTH_LONG).show(); \/\/ display the current state for switch's\r\n }\r\n });\r\n\r\n } \r\n}\r\n<\/pre>\n![\"Switch](\"\/ui\/wp-content\/uploads\/2016\/02\/Switch-Example-in-Android-Studio-165x300.jpg\")
<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"