Redeem Now
Read More
Read now

Custom Alertview in Swift

Save

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.

 

Let’s get starting with the coding part

Step1: Create a new project lets name it CustomAlertBox.

 

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

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

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

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

 

Step6: 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 🙂

 

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close