iOS: Action Sheet Tutorial in iOS 8 with Swift Tutorial

Action Sheet Tutorial

Action sheet is very convenient and fast way to display a number of options and users can select options from this. At some point, you will want to present a list of items to your users and prompt them to select one. In iOS Applications, action sheet is used widely and play an important role in choose options from the list.

Project Setup:

This Tutorial is built in Xcode 8.3 so if you have not update your Xcode, First Update Xcode. Now Open Xcode and create a new Single View Application.

In product name, use ActionSheetDemo and then fill out the Organisation Name and Organisation Identifier with your customary values. Select Swift as Language.

Make UIDesign:

Go to the Storyboard, drag a Button from the Object Library to the View Controller inside the Storyboard. Double-click the Button and give it a title of “Press Me for Action Sheet Display” or whatever you want. Make sure you have set the Autolayout for Button in ViewController with “Center Horizontally in Container” and “Top Space to Top Layout Guide”.

Make IBOutLayoutConnection for UIButton:

Open the Assistant Editor. Ctrl + drag from the Button to the ViewController class and create the following Action and Click on Connect.

Implement showActionSheet method:

Inside the ViewController class implement the “ShowActionSheet” Method.

import UIKit
class ViewController:  UIViewController{ 
//...
 @IBAction func ShowActionSheet(_ sender: UIButton) {
        // Create An UIAlertController with Action Sheet
        
        let optionMenuController = UIAlertController(title: nil, message: "Choose Option from Action Sheet", preferredStyle: .actionSheet)
        
        // Create UIAlertAction for UIAlertController
        
        let addAction = UIAlertAction(title: "Add", style: .default, handler: {
            (alert: UIAlertAction!) -> Void in
            print("File has been Add")
        })
        let saveAction = UIAlertAction(title: "Edit", style: .default, handler: {
            (alert: UIAlertAction!) -> Void in
            print("File has been Edit")
        })
        
        let deleteAction = UIAlertAction(title: "Delete", style: .default, handler: {
            (alert: UIAlertAction!) -> Void in
            print("File has been Delete")
        })
        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: {
            (alert: UIAlertAction!) -> Void in
            print("Cancel")
        })
        
        // Add UIAlertAction in UIAlertController
        
        optionMenuController.addAction(addAction)
        optionMenuController.addAction(saveAction)
        optionMenuController.addAction(deleteAction)
        optionMenuController.addAction(cancelAction)
        
        // Present UIAlertController with Action Sheet
        self.present(optionMenuController, animated: true, completion: nil)
    }
}

Build and Run the project, click the button and select the different actions inside the Action Sheet.

Mark 1: Create An UIAlertController with Action Sheet.
Mark 2: Create UIAlertAction for adding purpose in UIAlertController.
Mark 3: Create UIAlertAction for UIAlertController.
Mark 4: Present UIAlertController with Action Sheet.

So This tutorial tells us, Action sheet is easy to use in the fast and convenient way. For your reference, you can download the complete Xcode project from here. Again, leave me to comment if you have any questions.