Enhance the user experience by using a tooltip kit.
ToolTipKit Docs describe how to integrate the framework.
Dependency Graph draw.io
- iOS 11+
- Xcode 14+
- Swift 5.8+
Currently ToolTipKit is only avaliable via SPM. You can also add manually to your project.
If you have already Swift package set up, add ToolTipKit as a dependency to your dependencies in your Package.swift file.
dependencies:[.package(url:"https://github.com/mobven/ToolTipKit.git")]This code initializes a ToolTipHandler object with a collection of tooltips and presents the tooltips. Each tooltip is associated with a specific view (repeatView, weightView, and infoView) and displays localized text ("repeat_tooltip", "weight_tooltip", and "info_tooltip"). The ToolTipHandler provides functionality for managing and displaying tooltips in the application.
classYourViewController:UIViewController{
// Keep a strong reference to ToolTipHandler
vartoolTipHandler:ToolTipHandler?func showToolTips(){
toolTipHandler =ToolTipHandler(toolTips:[ToolTipView(
overView: repeatView,
text:"repeat_tooltip".localized
),ToolTipView(
overView: weightView,
text:"weight_tooltip".localized
),ToolTipView(
overView: infoView,
text:NSAttributedString(string:"something".localized))])
toolTipHandler?.present()}}You can easly customize the tooltip with editing Configuration properties.
| Property | Type | Description |
|---|---|---|
textFont | UIFont | The font used for the tooltip text. |
textColor | UIColor | The color of the tooltip text. |
shouldHighlightView | Bool | A Boolean value that determines whether to highlight the view which shows tooltip. |
toolTipBacgroundColor | UIColor | The background color of the tooltip view. |
toolTipCornerRadius | CGFloat | The corner radius of the tooltip view. |
toolTipViewPadding | CGFloat | The padding around the tooltip view. |
triangleSize | CGSize | The size of the triangle on the tooltip view. |
toolTipLabelEdgeInsets | UIEdgeInsets | The edge insets of the tooltip label. |
toolTipLeadingPadding | CGFloat | The leading padding of the tooltip view. |
toolTipTrailingPadding | CGFloat | The trailing padding of the tooltip view. |
tooltipSpacerConstant | CGFloat | The constant used for the safe area between tooltip space. |
toolTipTextBacgroundColor | UIColor | The background color of the tooltip text. |
You can customize properties like this,
ToolTipManager.shared.config.textColor =.gray
ToolTipManager.shared.config.shouldHighlightView =trueor you can create your own Config
lettoolTipConfig=ToolTipConfig(
textFont:.system,
textColor:.black,
shouldHighlightView:false,
toolTipBacgroundColor:UIColor.black.withAlphaComponent(0.15),
toolTipCornerRadius:4.0,
toolTipViewPadding:6.0,
triangleSize:CGSize(width:10.0, height:12.0),
toolTipLabelEdgeInsets:UIEdgeInsets(top:6.0, left:8.0, bottom:7.0, right:8.0),
toolTipLeadingPadding:15,
toolTipTrailingPadding:26,
toolTipTextBacgroundColor:.white
)ToolTipManager.shared.config = toolTipConfig- [] SwiftUI representable code example.
- [] Backward compatibility for Apple's TipKit.








