Today, our focus will be on the Android Toggle Button and Switch within an Android application. We will delve into the Switch button Widget and the ToggleButton widget, exploring their functionality and implementing them in our app.<\/p>\n
The Android Toggle Button is utilized to exhibit the on and off state on a button. Another kind of toggle button, the Switch, is primarily employed on Android devices with version 4.0 and above. The Android Switch offers a slider control. Both the ToggleButton and Switch are derived from the CompoundButton class. The XML attributes employed to define a ToggleButton are explained below.<\/p>\n
<\/p>\n
<\/p>\n
The ToggleButton is programmatically modified using the following methods.<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
The Android Switch or SwitchCompat widget, which is a component of the AppCompat library, offers backward compatibility for Android versions older than Android API v7. It presents a customized slider for enabling or disabling functions, commonly observed in phone settings. The Android Switch Widget provides several benefits.<\/p>\n
<\/p>\n
<\/p>\n
Here is the provided XML layout for a SwitchCompat:<\/p>\n
<android.support.v7.widget.SwitchCompat\r\n android:id=\"@+id\/switchButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:textAppearance=\"?android:attr\/textAppearanceMedium\"\r\n android:text=\"Switch example\"\r\n \/>\r\n<\/code><\/pre>\nThe android:text property is utilized to show a Text alongside the switch button of the slider.<\/p>\n
Example of a Toggle Button and Switch in Android<\/h3>\n
We will show two ToggleButtons and one Switch button in this app. When the FloatingActionButton is pressed, the states of the Toggle Buttons will be shown in a SnackBar. If the action button on the SnackBar is clicked, the state of the Switch button will be changed to true. Alternatively, the state can be displayed in the SnackBar by sliding the switch.<\/p>\n
Project Structure of Android Toggle Button and Switch<\/h3>\nCode for an Android toggle button<\/h3>\n
In the activity_main.xml, there are no changes. The content_main.xml includes two Toggle Buttons and a Switch that are initially unchecked, according to the following code snippet.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<RelativeLayout xmlns:android=\"https:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:app=\"https:\/\/schemas.android.com\/apk\/res-auto\"\r\n xmlns:tools=\"https:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\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 app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\"\r\n tools:context=\"com.scdev.switchandtoggle.MainActivity\"\r\n tools:showIn=\"@layout\/activity_main\">\r\n\r\n <ToggleButton\r\n android:id=\"@+id\/tb1\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_alignParentLeft=\"true\"\r\n android:layout_alignParentTop=\"true\"\r\n android:text=\"ToggleButton 1\"\r\n android:textOff=\"Off\"\r\n android:textOn=\"On\" \/>\r\n\r\n <ToggleButton\r\n android:id=\"@+id\/tb2\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_alignBaseline=\"@+id\/tb1\"\r\n android:layout_alignBottom=\"@+id\/tb1\"\r\n android:layout_toRightOf=\"@+id\/tb1\"\r\n android:text=\"ToggleButton 2\"\r\n android:textOff=\"Off\"\r\n android:textOn=\"On\" \/>\r\n\r\n <android.support.v7.widget.SwitchCompat\r\n android:id=\"@+id\/switchButton\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_centerInParent=\"true\"\r\n android:checked=\"false\"\r\n android:layout_height=\"wrap_content\"\r\n android:textAppearance=\"?android:attr\/textAppearanceMedium\"\r\n android:text=\"Switch example\"\r\n \/>\r\n\r\n\r\n<\/RelativeLayout>\r\n<\/code><\/pre>\nBelow is the code for the MainActivity.java.<\/p>\n
package com.scdev.switchandtoggle;\r\n\r\nimport android.graphics.Color;\r\nimport android.os.Bundle;\r\nimport android.support.design.widget.FloatingActionButton;\r\nimport android.support.design.widget.Snackbar;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.support.v7.widget.SwitchCompat;\r\nimport android.support.v7.widget.Toolbar;\r\nimport android.view.View;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.widget.CompoundButton;\r\nimport android.widget.ToggleButton;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n ToggleButton tb1, tb2;\r\n SwitchCompat switchCompat;\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 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);\r\n setSupportActionBar(toolbar);\r\n\r\n FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);\r\n fab.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View view) {\r\n\r\n StringBuilder result = new StringBuilder();\r\n result.append(\"ToggleButton1 : \").append(tb1.getText());\r\n result.append(\"\\nToggleButton2 : \").append(tb2.getText());\r\n\r\n Snackbar snackbar= Snackbar.make(view, result.toString(), Snackbar.LENGTH_LONG)\r\n .setAction(\"SWITCH ENABLE\", new View.OnClickListener() {\r\n @Override\r\n public void onClick(View v) {\r\n switchCompat.setChecked(true);\r\n }\r\n });\r\n\r\n snackbar.setActionTextColor(Color.RED);\r\n snackbar.show();\r\n }\r\n });\r\n\r\n tb1= (ToggleButton)findViewById(R.id.tb1);\r\n tb2=(ToggleButton)findViewById(R.id.tb2);\r\n switchCompat=(SwitchCompat)findViewById(R.id.switchButton);\r\n\r\n switchCompat.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {\r\n @Override\r\n public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {\r\n\r\n Snackbar.make(buttonView, \"Switch state checked \"+isChecked, Snackbar.LENGTH_LONG)\r\n .setAction(\"ACTION\",null).show();\r\n }\r\n });\r\n\r\n\r\n\r\n }\r\n\r\n @Override\r\n public boolean onCreateOptionsMenu(Menu menu) {\r\n \/\/ Inflate the menu; this adds items to the action bar if it is present.\r\n getMenuInflater().inflate(R.menu.menu_main, menu);\r\n return true;\r\n }\r\n\r\n @Override\r\n public boolean onOptionsItemSelected(MenuItem item) {\r\n \/\/ Handle action bar item clicks here. The action bar will\r\n \/\/ automatically handle clicks on the Home\/Up button, so long\r\n \/\/ as you specify a parent activity in AndroidManifest.xml.\r\n int id = item.getItemId();\r\n\r\n \/\/noinspection SimplifiableIfStatement\r\n if (id == R.id.action_settings) {\r\n return true;\r\n }\r\n\r\n return super.onOptionsItemSelected(item);\r\n }\r\n}\r\n<\/code><\/pre>\nTo obtain the current status of the toggle buttons and add them to be shown in the snackbar, a StringBuilder is utilized. By implementing an OnCheckChangeListener, the subclass of Compound Button, the switch button is implemented as demonstrated in the aforementioned code. The resulting display of the application can be observed below. Thus, we conclude this tutorial on Android toggle button and switch in Android. For access to the final Android SwitchAndToggle Project, please refer to the provided link.<\/p>\n
Please download the Android Switch and Toggle Button Project.<\/p>\n
Source: ToggleButton Android Documentation<\/p>\n
Paraphrased: Documentation for ToggleButton in Android API.<\/p>\n
<\/p>\n
other tutorials<\/p>\n
BroadcastReceiver Example Tutorial on Android(Opens in a new browser tab)<\/span><\/a><\/p>\nTutorial on how to set up a Hibernate Tomcat JNDI DataSource.(Opens in a new browser tab)<\/span><\/a><\/p>\nQR code generator in Java using zxing.(Opens in a new browser tab)<\/span><\/a><\/p>\nJava thread ensuring Java code is thread-safe(Opens in a new browser tab)<\/span><\/a><\/p>\n