Open In App
Related Articles

Switch in Kotlin

Improve Article
Save Article
Like Article

Android Switch is also a two-state user interface element that is used to toggle between ON and OFF as a button. By touching the button we can drag it back and forth to make it either ON or OFF.
The Switch element is useful when only two states require for activity either choose ON or OFF. We can add a Switch to our application layout by using the Switch object. By default, the state for the android Switch is OFF state. We can also change the state of Switch to ON by setting the android:checked = “true” in our XML layout file.
In android, we can create Switch control in two ways either by using Switch in XML layout file or creating it in Kotlin file dynamically.
First, we create a new project by following the below steps: 

  1. Click on File, then New => New Project.
  2. After that include the Kotlin support and click on next.
  3. Select the minimum SDK as per convenience and click next button.
  4. Then select the Empty activity => next => finish.


Different attributes of Switch widget


XML AttributesDescription
android:idUsed to uniquely identify the control.
android:gravityUsed to specify how to align the text like left, right, center, top, etc.
android:checkedUsed to specify the current state of switch control.
android:thumbUsed to set drawable to be used as thumb that can be moved back and forth.
android:thumbTintUsed to set tint to apply to the thumb.
android:textUsed to set the text of the Switch.
android:textOnUsed to set the text when toggle button is in ON (Checked) state.
android:textOffUsed to set the text when toggle button is in Off (unchecked) state.
android:textStyleUsed to set style of the text. For example, bold, italic, bolditalic etc.
android:textColorUsed to set color of the text.
android:textSizeUsed to set size of the text.
android:backgroundUsed to set background color of the toggle button.
android:drawableBottomUsed to set drawable to the bottom of the text.
android:drawableLeftUsed to set drawable to left of the text.
android:drawableRightUsed to set drawable to the right of text.
android:paddingUsed to set the padding from left, right, top and bottom.


Adding Switch code in activity_main.xml file

In this file, we will use the LinearLayout and two switches inside it. Set the attributes of each switch like switch id, text etc. 


<?xml version="1.0" encoding="utf-8"?>

Add application name in strings.xml. 


    <string name="app_name">SwitchInKotlin</string>

Accessing the Switch widget in MainActivity.kt file

Here, we will access the switches by using their respective id’s and set click Listener and Toast message if a switch is checked(ON) state. 
First of all, declare a variable to get the switch using it’s id. 

val sw1 = findViewById(

then, set OnClick listener on the switch and use if condition to check the state of the button. 

sw1?.setOnCheckedChangeListener({ _ , isChecked ->
            val message = if (isChecked) "Switch1:ON" else "Switch1:OFF"
            Toast.makeText(this@MainActivity, message,

Repeat the process for another switch in the kotlin file. 


package com.geeksforgeeks.myfirstkotlinapp
import android.os.Bundle
import android.widget.Switch
import android.widget.Toast
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        val sw1 = findViewById<Switch>(
        sw1?.setOnCheckedChangeListener({ _ , isChecked ->
            val message = if (isChecked) "Switch1:ON" else "Switch1:OFF"
            Toast.makeText(this@MainActivity, message,
        val sw2 = findViewById<Switch>(
        sw2?.setOnCheckedChangeListener({ _ , isChecked ->
            val message = if (isChecked) "Switch2:ON" else "Switch2:OFF"
            Toast.makeText(this@MainActivity, message,

AndroidManifest.xml file


<?xml version="1.0" encoding="utf-8"?>
    <activity android:name=".MainActivity">
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />

Run as emulator for output:

Here, two switches are shown in the emulator when we run the above code. We can change the state of the switches independently. 





Last Updated : 27 Jan, 2022
Like Article
Save Article
Similar Reads