Toggle switch in iOS Swift

Introduction

A toggle switch lets users turn something on or off easily. It is like a light switch in your home.

To let users enable or disable notifications in an app.

To turn on or off dark mode in settings.

To activate or deactivate location services.

To switch between sound on and silent mode.

To control privacy settings like sharing location.

Syntax

iOS Swift

let toggleSwitch = UISwitch()
toggleSwitch.isOn = true
// Add target for value change
toggleSwitch.addTarget(self, action: #selector(switchChanged), for: .valueChanged)

@objc func switchChanged(_ sender: UISwitch) {
    if sender.isOn {
        print("Switch is ON")
    } else {
        print("Switch is OFF")
    }
}

Use isOn property to set or get the switch state.

Use addTarget(_:action:for:) to handle user toggling the switch.

Examples

This creates a switch that starts in the OFF position.

iOS Swift

let toggleSwitch = UISwitch()
toggleSwitch.isOn = false

This sets up a function to run when the user changes the switch.

iOS Swift

toggleSwitch.addTarget(self, action: #selector(switchChanged), for: .valueChanged)

This function prints the current state of the switch when toggled.

iOS Swift

@objc func switchChanged(_ sender: UISwitch) {
    print("Switch state is \(sender.isOn ? "ON" : "OFF")")
}

Sample App

This app shows a toggle switch in the center of the screen. When you flip it, the app prints "Switch is ON" or "Switch is OFF" in the console.

iOS Swift

import UIKit

class ViewController: UIViewController {
    let toggleSwitch = UISwitch()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white

        toggleSwitch.isOn = false
        toggleSwitch.translatesAutoresizingMaskIntoConstraints = false
        toggleSwitch.addTarget(self, action: #selector(switchChanged), for: .valueChanged)

        view.addSubview(toggleSwitch)

        NSLayoutConstraint.activate([
            toggleSwitch.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            toggleSwitch.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }

    @objc func switchChanged(_ sender: UISwitch) {
        if sender.isOn {
            print("Switch is ON")
        } else {
            print("Switch is OFF")
        }
    }
}

Important Notes

Remember to add the switch to your view to make it visible.

Use Auto Layout constraints to position the switch nicely on screen.

The switch sends events only when the user changes it, not when you set isOn programmatically.

Summary

A toggle switch lets users turn options on or off with a simple tap.

Use UISwitch in iOS to create toggle switches.

Handle changes with addTarget and check isOn to know the state.

Practice

1. What does a UISwitch control in an iOS app?

easy

A. It lets users toggle between on and off states.

B. It displays a list of options to select from.

C. It shows a progress bar for tasks.

D. It opens a new screen when tapped.

Solution

1. Step 1: Understand the purpose of UISwitch

   A UISwitch is designed to let users turn a setting on or off with a simple tap.

2. Step 2: Compare with other UI controls

   Unlike lists or progress bars, UISwitch specifically toggles between two states: on and off.

3. Final Answer:

   It lets users toggle between on and off states. -> Option A

4. Quick Check:

   UISwitch = toggle on/off [OK]

Hint: UISwitch always toggles between two states [OK]

Common Mistakes:

• Confusing UISwitch with buttons that open new screens
• Thinking UISwitch shows progress or lists
• Assuming UISwitch can select multiple options

2. Which of the following is the correct way to create a UISwitch in Swift?

easy

A. let toggle = UISwitch.new()

B. let toggle = Switch()

C. let toggle = UISwitch()

D. let toggle = UISwitch.create()

Solution

1. Step 1: Recall UISwitch initialization syntax

   In Swift, UI elements like UISwitch are created by calling their initializer with parentheses.

2. Step 2: Check each option

   Only UISwitch() is the correct initializer. The others use invalid methods or class names.

3. Final Answer:

   let toggle = UISwitch() -> Option C

4. Quick Check:

   Initialize UISwitch with UISwitch() [OK]

Hint: Use parentheses to create UISwitch instance [OK]

Common Mistakes:

• Using incorrect class name like Switch
• Trying to call .new() or .create() methods
• Omitting parentheses when creating UISwitch

3. What will be printed when this Swift code runs?

let toggle = UISwitch()
toggle.isOn = true
print(toggle.isOn)

medium

A. Compilation error

B. false

C. nil

D. true

Solution

1. Step 1: Understand the isOn property

   The isOn property of UISwitch indicates if the switch is on (true) or off (false).

2. Step 2: Analyze the code

   The code sets toggle.isOn = true and then prints toggle.isOn, so it will print true.

3. Final Answer:

   true -> Option D

4. Quick Check:

   Setting isOn true prints true [OK]

Hint: Print isOn after setting it to see true/false [OK]

Common Mistakes:

• Assuming default is false without setting
• Confusing isOn with other properties
• Expecting nil or error from print

4. Identify the error in this Swift code that tries to detect switch changes:

let toggle = UISwitch()
toggle.addTarget(self, action: #selector(switchChanged), for: .valueChanged)

@objc func switchChanged() {
    print("Switch toggled")
}

medium

A. Wrong event type used in addTarget

B. Missing parameter in switchChanged method

C. UISwitch cannot use addTarget

D. Missing UISwitch initialization

Solution

1. Step 1: Check addTarget usage

   The addTarget method requires the action method to accept the sender parameter.

2. Step 2: Analyze switchChanged method signature

   The method switchChanged() has no parameters but should accept _ sender: UISwitch.

3. Final Answer:

   Missing parameter in switchChanged method -> Option B

4. Quick Check:

   Action method needs sender parameter [OK]

Hint: Action methods need sender parameter for addTarget [OK]

Common Mistakes:

• Omitting sender parameter in action method
• Using wrong event type like .touchUpInside
• Thinking UISwitch can't use addTarget

5. You want to create a toggle switch that updates a label text to "ON" or "OFF" when toggled. Which code snippet correctly implements this behavior?

let toggle = UISwitch()
let label = UILabel()

// Which switchChanged method is correct?

hard

A. @objc func switchChanged(_ sender: UISwitch) {
label.text = sender.isOn ? "ON" : "OFF"
}

B. @objc func switchChanged() {
label.text = toggle.isOn ? "ON" : "OFF"
}

C. @objc func switchChanged(_ sender: UISwitch) {
if sender.isOn == false {
label.text = "ON"
} else {
label.text = "OFF"
}
}

D. @objc func switchChanged(_ sender: UISwitch) {
label.text = "ON"
}

Solution

1. Step 1: Check method signature and parameter

   The action method must accept the sender UISwitch to get its current state.

2. Step 2: Verify label text update logic

   @objc func switchChanged(_ sender: UISwitch) { label.text = sender.isOn ? "ON" : "OFF" } uses a ternary operator to set label text to "ON" if switch is on, else "OFF", which is correct.

3. Step 3: Review other options

   @objc func switchChanged() { label.text = toggle.isOn ? "ON" : "OFF" } lacks sender parameter; @objc func switchChanged(_ sender: UISwitch) { if sender.isOn == false { label.text = "ON" } else { label.text = "OFF" } } reverses ON/OFF logic; @objc func switchChanged(_ sender: UISwitch) { label.text = "ON" } always sets "ON" ignoring switch state.

4. Final Answer:

   @objc func switchChanged(_ sender: UISwitch) { label.text = sender.isOn ? "ON" : "OFF" } -> Option A

5. Quick Check:

   Use sender.isOn with ternary to update label [OK]

Hint: Use sender.isOn ? "ON" : "OFF" to update label [OK]

Common Mistakes:

• Forgetting sender parameter in action method
• Reversing ON and OFF text logic
• Ignoring switch state and setting fixed text