TipView | Tooltip library

An auto layout engine driven ready to use tooltip library written in swift with full customization support.

Features

• ☑ Ready to use tip view
• ☑ Orientation support provided by autolayout engine
• ☑ Global styling configuration
• ☑ Override specific instance styling configuration
• ☑ Supports custom views
• ☑ Animation on show/dismiss
• ☑ Supports custom animation
• ☑ Dismiss on tap
• ☑ Dismiss on tap outside within the container
• ☑ Dismiss after specified duration

Requirements

• iOS 9.0+
• Xcode 11.0 and above

Installation

Swift Package Manager

Once you have your Swift package set up, adding the library as a dependency is as easy as adding it to the dependencies value of your Package.swift.

dependencies: [ .package(url: "https://github.com/saddamakhtar88/TipView.git", .upToNextMajor(from: "1.0.0")) ]

Refer sample app for integration and usage

Usage

Show a tip view

// Simply call show on TipView instance with basic parameters
TipView().show(message: <tip message>, 
                sourceView: <source view>, 
                containerView: <container view>, 
                direction: .right)

Applying global styles and configuration (can be overridden by an instance)

// Apply Global configurations using provided class properties.
// All the styling properties are available as instance property as well
// to support overriding global configuration on a specific instance

TipView.maxWidth = 270
TipView.color = UIColor.darkGray
TipView.font = UIFont(name: "Arial-ItalicMT", size: 18.0)
TipView.enableDismissOnTapOverTip = true
TipView.showAnimation = TipViewAnimation.showWithScale
TipView.dismissAnimation = TipViewAnimation.dismissWithScale
//TipView.enableDismissOnTapOutsideTipInContainer = true

Showing a custom view

// Custom message view and anchor view

let customTip = TipView()

let customMessageView = UIView(frame: CGRect.zero)
customMessageView.translatesAutoresizingMaskIntoConstraints = false
customMessageView.widthAnchor.constraint(equalToConstant: 100).isActive = true
customMessageView.heightAnchor.constraint(equalToConstant: 100).isActive = true
customMessageView.backgroundColor = UIColor.darkGray

// Don't set customAnchorView if you want to show the default
// anchorView.
customTip.customAnchorView = UIView(frame: CGRect.zero)
customTip.customAnchorView!.translatesAutoresizingMaskIntoConstraints = false
customTip.customAnchorView!.widthAnchor.constraint(equalToConstant: 10).isActive = true
customTip.customAnchorView!.heightAnchor.constraint(equalToConstant: 10).isActive = true
customTip.customAnchorView!.backgroundColor = UIColor.darkGray

customTip.show(messageView: customMessageView, 
    sourceView: self.leftTopView, 
    containerView: self.view, 
    direction: .bottom, 
    dismissClosure: { (tipView) in
        TipView().show(message: msg,
        sourceView: self.rightTopView,
        containerView: self.view,
        direction: .left)
    })

Applying custom animation

// Custom Animation

// Create your custom animation using TipView.AnimationClosureType type, example given below:
let showWithCustomAnimation: TipView.AnimationClosureType = { messageView, anchorView, completion in
            // Define animation as you would like
            messageView.transform = CGAffineTransform(scaleX: 0, y: 0)
            anchorView.isHidden = true
            UIView.animate(withDuration: 0.5, delay: 0.0,
                           usingSpringWithDamping: 0.5,
                           initialSpringVelocity: 0.5,
                           options: [.beginFromCurrentState], animations: {
                            messageView.transform = .identity
            }) { (_) in
                anchorView.isHidden = false
                completion()
            }
        }
        
// Apply the custom show (or dismiss) animation on global configuration:
TipView.showAnimation = showWithCustomAnimation

// Or on a TipView instance
<TipView Instance>.showAnimation = showWithCustomAnimation

Contribute

I would love you for the contribution to TipView.