Custom Alertview in Swift

Updated 15 December 2023

Save
Custom Alertview in Swift

Although we have UIAlertViewController to display Alerts, we don’t have enough flexibility to make customization. So, here we will discuss how can we create a Custom Alertview in Swift.

Let’s create a custom Alertview in Swift that can be used instead of the UIAlertController.

In this tutorial, we will make a simple alert view that will have ImageView, textField, and a button.

In our main view controller, there will be a Label and a button to show an alert view.

After clicking on the button an alert view will open and we will add a text on the text field then clicking on the OK button the alert view will disappear and the text will be reflected in our main View Controller.

Let’s see below, how the custom alert view will look like.

Custom Alertview

Let’s get starting with the coding part

Step 1: Create a new project lets name it CustomAlertBox.

Create a new project

Step 2: Add a new cocoa touch class named “AlertViewController”.

Step 3: In Main.Storyboard, drag a new UIViewController, and assign the class AlertViewController to it.

Step 4: Now add the custom alert design of your choice, check below my project’s design.

add custom alert design

Step 5: Make the outlet of views in AlertViewController, here’s below how your AlertViewController will look like.

Step 6: Now add a button on your base class from which you want to open the alert view. I have added a label also, to show the text field data which the user will add in the alert view text field and used call back function to get the text value.

Here’s how your base class will look like.

Now, run your project and check the custom alert box. If you want to open a custom alert view with animation, check here.

Also, you can add an UIAlertController in a Picker view, check here how to add it.

Thanks for reading 🙂

author
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Start a Project


    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home