How to Show Hint View In Swift

Hello guys, Today we learn about How to Show Hint View In Swift.

Sometimes, we need to add a hint view for user preference where the user can get the exact meaning of your point. for example, if I am using a text field like password and I want to give any instruction regarding the password field for the user then I can use hint view. The hint view is like a pop-up view.

Getting Started:-

Step1:- Firstly, Create an XCode project.

File–> New–> Project–> iOS–> Next And add your project name then create.

Step 2:- Secondly, Create a UI design for the view in the stoaryboard.

Step 4:- For hint view, we need to install cocoa pods into our project

pod "AMPopTip"

1	pod "AMPopTip"

How to install the pod file-

open terminal
write pod init
Then open profile
add pod “pod “AMPopTip”
And, run the pod install command
open .xcworkspace project
To know more about this pod please click here.

Step 5:- To call the pop-Tip function we will create a class and add the code

import UIKit
import AMPopTip
struct popupInfoMessageView{
    static  let popTipView = PopTip()
    static func show(sender:UIButton,message:String,view:UIView){
        popTip.shouldDismissOnTap = true
        popTip.shouldDismissOnTapOutside = true
        popTip.shouldDismissOnSwipeOutside = true
        popTip.bubbleColor = .black
        popTip.show(text: message, direction: .down, maxWidth: SCREEN_WIDTH-16, in: view, from: sender.frame)
    }
}

import UIKit

import AMPopTip

struct popupInfoMessageView{

static let popTipView = PopTip()

static func show(sender:UIButton,message:String,view:UIView){

popTip.shouldDismissOnTap = true

popTip.shouldDismissOnTapOutside = true

popTip.shouldDismissOnSwipeOutside = true

popTip.bubbleColor = .black

popTip.show(text: message, direction: .down, maxWidth: SCREEN_WIDTH-16, in: view, from: sender.frame)

}

Step 6:- Lastly, Add the code in your view controller class and run the project.

import UIKit
import AMPopTip
let SCREEN_WIDTH = ((UIApplication.shared.statusBarOrientation == .portrait) || (UIApplication.shared.statusBarOrientation == .portraitUpsideDown) ? UIScreen.main.bounds.size.width : UIScreen.main.bounds.size.height)
class ViewController: UIViewController {

    @IBOutlet weak var passwordHint: UIButton!
    @IBOutlet weak var nameHint: UIButton!
    @IBOutlet weak var passwordLabel: UITextField!
    @IBOutlet weak var nameLabel: UITextField!
    
    var isNameHint:Bool = false
    var isPasswordHint:Bool = false
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBAction func nameHintClick(_ sender: UIButton) {
      
        isNameHint = !isNameHint
        if isNameHint{
        popupInfoMessageView.popTipView.removeFromSuperview()
        popupInfoMessageView.show(sender:sender,message:"Enter your FirstName and LastName",view:view)
        }else{
            popupInfoMessageView.popTipView.hide()
        }
    }
    @IBAction func passwordHintClick(_ sender: UIButton) {
   
        isPasswordHint = !isPasswordHint
        if isPasswordHint{
        popupInfoMessageView.popTipView.removeFromSuperview()
        popupInfoMessageView.show(sender:sender,message:"Enter your Password, it should be contain capital and small letter and number's ",view:view)
        }else{
            popupInfoMessageView.popTipView.hide()
        }

    }
    
}

import UIKit

import AMPopTip

let SCREEN_WIDTH = ((UIApplication.shared.statusBarOrientation == .portrait) || (UIApplication.shared.statusBarOrientation == .portraitUpsideDown) ? UIScreen.main.bounds.size.width : UIScreen.main.bounds.size.height)

class ViewController: UIViewController {

@IBOutlet weak var passwordHint: UIButton!

@IBOutlet weak var nameHint: UIButton!

@IBOutlet weak var passwordLabel: UITextField!

@IBOutlet weak var nameLabel: UITextField!

var isNameHint:Bool = false

var isPasswordHint:Bool = false

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

}

@IBAction func nameHintClick(_ sender: UIButton) {

isNameHint = !isNameHint

if isNameHint{

popupInfoMessageView.popTipView.removeFromSuperview()

popupInfoMessageView.show(sender:sender,message:"Enter your FirstName and LastName",view:view)

}else{

popupInfoMessageView.popTipView.hide()

}

@IBAction func passwordHintClick(_ sender: UIButton) {

isPasswordHint = !isPasswordHint

if isPasswordHint{

popupInfoMessageView.popTipView.removeFromSuperview()

popupInfoMessageView.show(sender:sender,message:"Enter your Password, it should be contain capital and small letter and number's ",view:view)

}else{

popupInfoMessageView.popTipView.hide()

}

And the output is-

Conclusion:-

In this blog, we discussed How to Show a Hint View In Swift.

I hope this blog will help you to understand the flow of hint view. For hint view, we can create a custom view in the storyboard and add the hide-show functionality accordignly.

To learn about a more iOS-related topic, Please click here

Thanks for reading!!

Khushboo Gupta 28 October 2022

. . .

How to Show Hint View In Swift

Getting Started:-

How to install the pod file-

Conclusion:-

Thanks for reading!!

Leave a Comment Cancel Reply

Message Sent!