Last active
April 20, 2025 20:44
-
-
Save hamdan/e8c98db7bcdcf4cdaa2d41be248823ec to your computer and use it in GitHub Desktop.
Create Multiple Tappable Links in a UILabel
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
extension UITapGestureRecognizer { | |
func didTapAttributedTextInLabel(label: UILabel, targetText: String) -> Bool { | |
guard let attributedString = label.attributedText, let lblText = label.text else { return false } | |
let targetRange = (lblText as NSString).range(of: targetText) | |
//IMPORTANT label correct font for NSTextStorage needed | |
let mutableAttribString = NSMutableAttributedString(attributedString: attributedString) | |
mutableAttribString.addAttributes( | |
[NSAttributedString.Key.font: label.font ?? UIFont.smallSystemFontSize], | |
range: NSRange(location: 0, length: attributedString.length) | |
) | |
// Create instances of NSLayoutManager, NSTextContainer and NSTextStorage | |
let layoutManager = NSLayoutManager() | |
let textContainer = NSTextContainer(size: CGSize.zero) | |
let textStorage = NSTextStorage(attributedString: mutableAttribString) | |
// Configure layoutManager and textStorage | |
layoutManager.addTextContainer(textContainer) | |
textStorage.addLayoutManager(layoutManager) | |
// Configure textContainer | |
textContainer.lineFragmentPadding = 0.0 | |
textContainer.lineBreakMode = label.lineBreakMode | |
textContainer.maximumNumberOfLines = label.numberOfLines | |
let labelSize = label.bounds.size | |
textContainer.size = labelSize | |
// Find the tapped character location and compare it to the specified range | |
let locationOfTouchInLabel = self.location(in: label) | |
let textBoundingBox = layoutManager.usedRect(for: textContainer) | |
let textContainerOffset = CGPoint(x: (labelSize.width - textBoundingBox.size.width) * 0.5 - textBoundingBox.origin.x, | |
y: (labelSize.height - textBoundingBox.size.height) * 0.5 - textBoundingBox.origin.y); | |
let locationOfTouchInTextContainer = CGPoint(x: locationOfTouchInLabel.x - textContainerOffset.x, y: | |
locationOfTouchInLabel.y - textContainerOffset.y); | |
let indexOfCharacter = layoutManager.characterIndex(for: locationOfTouchInTextContainer, in: textContainer, fractionOfDistanceBetweenInsertionPoints: nil) | |
return NSLocationInRange(indexOfCharacter, targetRange) | |
} | |
} | |
//For example adding uilabel then setup | |
let lblPrivacyTerm = UILabel() | |
func setupMultipleTapLabel() { | |
lblPrivacyTerm.text = "By signing up you agree to our Terms of service and Privacy policy ending" | |
let text = (lblPrivacyTerm.text)! | |
let underlineAttriString = NSMutableAttributedString(string: text) | |
let termsRange = (text as NSString).range(of: "Terms of service") | |
let privacyRange = (text as NSString).range(of: "Privacy policy") | |
underlineAttriString.addAttribute(.foregroundColor, value: UIColor.blue, range: termsRange) | |
underlineAttriString.addAttribute(NSAttributedString.Key.underlineStyle, value: NSUnderlineStyle.single.rawValue, range: privacyRange) | |
lblPrivacyTerm.attributedText = underlineAttriString | |
let tapAction = UITapGestureRecognizer(target: self, action: #selector(self.tapLabel(gesture:))) | |
lblPrivacyTerm.isUserInteractionEnabled = true | |
lblPrivacyTerm.addGestureRecognizer(tapAction) | |
} | |
@IBAction func tapLabel(gesture: UITapGestureRecognizer) { | |
if gesture.didTapAttributedTextInLabel(label: lblPrivacyTerm, targetText: "Terms of service") { | |
print("Terms of service") | |
} else if gesture.didTapAttributedTextInLabel(label: lblPrivacyTerm, targetText: "Privacy policy") { | |
print("Privacy policy") | |
} else { | |
print("Tapped none") | |
} | |
} |
its not working
Setting
textContainer.lineBreakMode = .byCharWrapping
worked for me.
this code only work for charWrapping or wordWraping line break mode of Label. In default, line break mode of label is truncate tail so the result when label have multi line went wrong
have this code in obj-c ?
Not working for arabic text. any solution ?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Setting
textContainer.lineBreakMode = .byCharWrapping
worked for me.