Make Your Own Toast View In Swift

bhavuk chawla

28 October 2024

In this article you will learn about how To Make Your Own Toast View In Swift in Swift.

Introduction

A Toast View in Swift is a small, temporary message that appears on the screen to give feedback to users without interrupting what they are doing.

It’s often used to show short notifications like confirmations or status updates.

You can create your own toast message displaying UIView in swift , it is a great way to add user-friendly notifications to your app.

Implementation

We need to follow below mention steps.

1. Create New Projects

First of all we need to create a new project where you will Make Your Own Toast View.

2. Add Button

After that we need to add a UIButton either programatically or using Storyboard.

@IBOutlet weak var toastButton: UIButton!

1	@IBOutlet weak var toastButton: UIButton!

You can check here for more knowledge about UIButton.

UIButton is a control element that allows users to interact with your app by tapping it. It can display text, images, or both, and can trigger actions when pressed.

3. Create Own Toast View

In this step we will create our own toastView.

class GlobalData{
    class func toastView(messsage : String, view: UIView ){
            let toastLabel = UILabel(frame: CGRect(x: view.frame.size.width/2 - 150, y: view.frame.size.height-100, width: 300,  height : 35))
        toastLabel.backgroundColor =  UIColor.green.withAlphaComponent(0.6)
            toastLabel.textColor = UIColor.black
            toastLabel.textAlignment = NSTextAlignment.center;
            view.addSubview(toastLabel)
            toastLabel.text = messsage
            toastLabel.alpha = 1.0
            toastLabel.layer.cornerRadius = 10;
            toastLabel.clipsToBounds  =  true
        UIView.animate(withDuration: 4.0, delay: 0.3, options: UIView.AnimationOptions.curveEaseOut, animations: {
                toastLabel.alpha = 0.0
                
            })
        }
}

class GlobalData{

class func toastView(messsage : String, view: UIView ){

let toastLabel = UILabel(frame: CGRect(x: view.frame.size.width/2 - 150, y: view.frame.size.height-100, width: 300, height : 35))

toastLabel.backgroundColor = UIColor.green.withAlphaComponent(0.6)

toastLabel.textColor = UIColor.black

toastLabel.textAlignment = NSTextAlignment.center;

view.addSubview(toastLabel)

toastLabel.text = messsage

toastLabel.alpha = 1.0

toastLabel.layer.cornerRadius = 10;

toastLabel.clipsToBounds = true

UIView.animate(withDuration: 4.0, delay: 0.3, options: UIView.AnimationOptions.curveEaseOut, animations: {

toastLabel.alpha = 0.0

})

}

In above code we have create a our own toastView.

4. Call toastView

In this step we will call the toastView on click on button action.

@IBAction func toastButtonAction(_ sender: Any) {
        GlobalData.toastView(messsage: "Your Message is Display here", view: self.view)
}

@IBAction func toastButtonAction(_ sender: Any) {

GlobalData.toastView(messsage: "Your Message is Display here", view: self.view)

}

In above code an action method that is triggered when a button is tapped.

We need to call toastView method from toastButtonAction.

Output

Make Your Own Toast View In Swift

A Toast View in Swift is a small, temporary message that appears on the screen to give feedback to users without interrupting what they are doing

Conclusion

In this article we have discussed about how to Make Your Own Toast View In Swift.

I hope this blog is helpful to understand this topic.

Thanks for reading this blog. You can also check other blogs from here for more knowledge.