Toggle switch in iOS Swift - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a toggle switch in iOS development?

A toggle switch is a UI control that lets users turn a setting on or off, similar to a light switch in real life.

beginner

Which SwiftUI view is used to create a toggle switch?

The Toggle view is used to create a toggle switch in SwiftUI.

intermediate

How do you bind a toggle switch to a state variable in SwiftUI?

You bind a toggle to a @State variable using the isOn parameter, so the toggle updates the variable automatically.

beginner

What is the default appearance of a toggle switch on iOS?

The toggle switch appears as a rounded rectangle slider that moves left or right to indicate off or on states, with a green color when on.

intermediate

Why is accessibility important for toggle switches?

Accessibility ensures that all users, including those with disabilities, can understand and operate the toggle switch using screen readers and keyboard navigation.

Which SwiftUI property wrapper is commonly used to store the toggle state?

A @Binding

B @ObservedObject

C @State

D @EnvironmentObject

The @State property wrapper stores local state, such as the on/off value of a toggle.

What does the toggle switch represent in an app?

A A control to turn a setting on or off

B A control to select multiple options

C A slider to adjust volume

D A button to submit data

A toggle switch lets users turn a setting on or off, like a light switch.

How do you create a toggle switch with a label in SwiftUI?

A Text("Label")

B Button("Label", action: toggleAction)

C Slider(value: $stateVariable)

D Toggle("Label", isOn: $stateVariable)

The Toggle view takes a label string and a binding to a state variable.

What color does the toggle switch show when it is ON by default?

A Green

B Blue

C Red

D Gray

The toggle switch shows green color when it is ON by default on iOS.

Which accessibility feature helps users understand toggle switches?

A Invert Colors

B VoiceOver

C Zoom

D AssistiveTouch

VoiceOver reads out the toggle state and label to help visually impaired users.

Explain how to create and use a toggle switch in SwiftUI.

Think about how you connect the toggle to a variable that changes when the user taps it.

Describe why accessibility is important for toggle switches and how you can support it.

Consider users who cannot see or use touch easily.

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