Switch iOS Tutorial

For product name, use IOSSwitchTutorial and then fill out the Organization Name and Organization Identifier with your customary values. Enter Swift as Language and choose Next.

Select the Resolve Auto Layout Issues button and select Reset to Suggested Constraints.

Next, Ctrl and drag from the Switch and create another outlet

Ctrl and drag from the Button and create the following action.

@IBAction func buttonClicked(_ sender: Any) {
    if stateSwitch.isOn {
        textLabel.text = "The Switch is Off"
        stateSwitch.setOn(false, animated:true)
    } else {
        textLabel.text = "The Switch is On"
        stateSwitch.setOn(true, animated:true)
    }
}

If the switch is on, the Text Field text is updated and the switch state is changed using the setOn:animated method of the UISwitch class. Otherwise, when the switch is off, the state is changed to on. Of course, we also want to update the Text Field text when we flip our switch. manually by clicking the switch. Change the viewDidLoad method in

override func viewDidLoad() {
    super.viewDidLoad()
        
    stateSwitch.addTarget(self, action: #selector(stateChanged), for: .valueChanged)
}

When the switch is flipped the UIControlEventValueChanged event is triggered and the stateChanged method will be called.

@objc func stateChanged(switchState: UISwitch) {
    if switchState.isOn {
        textLabel.text = "The Switch is On"
    } else {
        textLabel.text = "The Switch is Off"
    }
}

You can download the source code of the IOS11SwitchTutorial at the ioscreator repository on Github .