Project: Alerts & Action Sheets

Code related: Projects/Alerts

What you learn

Alerts
Actions
Action Sheets

Project Structure

You must use the Alerts Starter for this module. Inside the starter project you should have a ViewController.swift with the following code:

class ViewController: UIViewController {

    // MARK: - Controller

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    // MARK: - Actions

    @IBAction func didTapOneOption(_ sender: UIButton) {
        //TODO: Implement
    }

    @IBAction func didTapTwoOption(_ sender: UIButton) {
        //TODO: Implement
    }

    @IBAction func didTapThreeOption(_ sender: UIButton) {
        //TODO: Implement
    }

    @IBAction func didTapActionSheet(_ sender: UIButton) {
        //TODO: Implement
    }

    @IBAction func didTapShowAndHandle(_ sender: UIButton) {
        //TODO: Implement
    }

}

Alerts and Action Sheets

The goal is to display different types of alert dialogs and handle it's actions.

One option dialog

Inside the fuction didTapOneOption: add the following code:

let alert = UIAlertController(
  title: "Do you already have CocoaPods installed?",
  message: "We will need it for the next module",
  preferredStyle: .alert
)

alert.addAction(UIAlertAction(title: "Yes", style: .default, handler: nil))
alert.addAction(UIAlertAction(title: "No", style: .cancel, handler: nil))
self.present(alert, animated: true)

Run the app and click the proper button to display this dialog.

Two options dialog

Inside the fuction didTapTwoOption: add the following code:

let alert = UIAlertController(
  title: "Do you already have CocoaPods installed?",
  message: "We will need it for the next module",
  preferredStyle: .alert
)

alert.addAction(UIAlertAction(title: "Yes", style: .default, handler: nil))
alert.addAction(UIAlertAction(title: "No", style: .cancel, handler: nil))
self.present(alert, animated: true)

Run the app and click the proper button to display this dialog.

Three Option Dialog

Add an extension of the ViewController inside the same file to reuse the code for this dialog:

extension ViewController {
  private func displayCommonThreeOptions(_ style: UIAlertControllerStyle) {
        let alert = UIAlertController(
            title: "Complete the phrase!",
            message: "May the Force",
            preferredStyle: style
        )

        alert.addAction(
            UIAlertAction(title: "Be with you!", style: UIAlertActionStyle.default, handler: nil)
        )
        alert.addAction(
            UIAlertAction(title: "Be with me!", style: UIAlertActionStyle.default, handler: nil)
        )
        alert.addAction(
            UIAlertAction(title: "Be with us!", style: UIAlertActionStyle.default, handler: nil)
        )

        self.present(alert, animated: true, completion: nil)
    }
}

Inside the fuction didTapThreeOption: add the following code:

self.displayCommonThreeOptions(.alert)

Run the app and click the proper button to display this dialog.

Action Sheets

Inside the fuction didTapActionSheet: add the following code:

self.displayCommonThreeOptions(.actionSheet)

Run the app and click the proper button to display this dialog.

Handle selection

Inside the extension of the ViewController add the following function:

extension UIViewController {
    private func displayLoveDialog() {
        let alert = UIAlertController(
            title: "🧙🏻‍♂️",
            message: "We all love you",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "❤️", style: .default, handler: nil))

        self.present(alert, animated: true, completion: nil)
    }


    private func displayShameDialog() {
        let alert = UIAlertController(
            title: "🔔",
            message: "Shame! \nShame!",
            preferredStyle: .alert
        )
        alert.addAction(UIAlertAction(title: "💔", style: .default, handler: nil))
        self.present(alert, animated: true, completion: nil)
    }
}

Inside the fuction didTapShowAndHandle: add the following code:

let alert = UIAlertController(
    title: "Do you already have CocoaPods installed?",
    message: "We will need it for the next module",
    preferredStyle: .alert
)

alert.addAction(UIAlertAction(title: "Yes", style: .default, handler: { _ in
    self.displayLoveDialog()
}))
alert.addAction(UIAlertAction(title: "No", style: .destructive, handler: { _ in
    self.displayShameDialog()
}))

self.present(alert, animated: true)

Run the app and click the proper button to display this dialog.

Full Code

//
//  ViewController.swift
//  Alerts
//
//  Created by Luis Burgos on 6/7/18.
//  Copyright © 2018 Yellowme. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

    // MARK: - Controller

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    // MARK: - Actions

    @IBAction func didTapOneOption(_ sender: UIButton) {
        let alert = UIAlertController(
            title: "Yellowme",
            message: "iOS Course: From Zero to Hero",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "👍🏻", style: .default, handler: nil))

        self.present(alert, animated: true, completion: nil)
    }

    @IBAction func didTapTwoOption(_ sender: UIButton) {
        let alert = UIAlertController(
            title: "Do you already have CocoaPods installed?",
            message: "We will need it for the next module",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "Yes", style: .default, handler: nil))
        alert.addAction(UIAlertAction(title: "No", style: .cancel, handler: nil))

        self.present(alert, animated: true)
    }

    @IBAction func didTapThreeOption(_ sender: UIButton) {
        self.displayCommonThreeOptions(.alert)
    }

    @IBAction func didTapActionSheet(_ sender: UIButton) {
        self.displayCommonThreeOptions(.actionSheet)
    }

    @IBAction func didTapShowAndHandle(_ sender: UIButton) {
        let alert = UIAlertController(
            title: "Do you already have CocoaPods installed?",
            message: "We will need it for the next module",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "Yes", style: .default, handler: { _ in
            self.displayLoveDialog()
        }))
        alert.addAction(UIAlertAction(title: "No", style: .destructive, handler: { _ in
            self.displayShameDialog()
        }))

        self.present(alert, animated: true)
    }

}

extension ViewController {
    private func displayLoveDialog() {
        let alert = UIAlertController(
            title: "🧙🏻‍♂️",
            message: "We all love you",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "❤️", style: .default, handler: nil))

        self.present(alert, animated: true, completion: nil)
    }

    private func displayShameDialog() {
        let alert = UIAlertController(
            title: "🔔",
            message: "Shame! \nShame!",
            preferredStyle: .alert
        )

        alert.addAction(UIAlertAction(title: "💔", style: .default, handler: nil))

        self.present(alert, animated: true, completion: nil)
    }

    private func displayCommonThreeOptions(_ style: UIAlertControllerStyle) {
        let alert = UIAlertController(
            title: "Complete the phrase!",
            message: "May the Force",
            preferredStyle: style
        )

        alert.addAction(
            UIAlertAction(title: "Be with you!", style: UIAlertActionStyle.default, handler: nil)
        )
        alert.addAction(
            UIAlertAction(title: "Be with me!", style: UIAlertActionStyle.default, handler: nil)
        )
        alert.addAction(
            UIAlertAction(title: "Be with us!", style: UIAlertActionStyle.default, handler: nil)
        )

        self.present(alert, animated: true, completion: nil)
    }
}