web-dev-qa-db-fra.com

UITextView avec le lien hypertexte

Avec une UITextView non modifiable, je voudrais incorporer un texte comme celui-ci dans iOS9 +:

Juste cliquez ici pour vous inscrire

Je peux créer une fonction et manipuler le texte, mais existe-t-il un moyen plus simple? 

Je vois que je peux utiliser NSTextCheckingTypeLink afin d'obtenir du texte cliquable sans la partie "cliquer ici" est simple dans Interface Builder

Juste http://example.com pour vous inscrire

J'utilise Xcode 8 et Swift 3 si cela est pertinent.

swiftinterface-builderios9xcode8
19
Adam Nelson

Définissez isEditable = false ou la vue de texte passera en mode d'édition de texte lorsque l'utilisateur la tapera dessus. 

Swift 4 et plus tard

let attributedString = NSMutableAttributedString(string: "Just click here to register")
let url = URL(string: "https://www.Apple.com")!

// Set the 'click here' substring to be the link
attributedString.setAttributes([.link: url], range: NSMakeRange(5, 10))

self.textView.attributedText = attributedString
self.textView.isUserInteractionEnabled = true
self.textView.isEditable = false

// Set how links should appear: blue and underlined
self.textView.linkTextAttributes = [
    .foregroundColor: UIColor.blue,
    .underlineStyle: NSUnderlineStyle.single.rawValue
]
34
Code Different

La même solution pour Swift 3 en utilisant des extensions: 

A. Ajouter une extension -

extension UITextView {
    func hyperLink(originalText: String, hyperLink: String, urlString: String) {
        let style = NSMutableParagraphStyle()
        style.alignment = .center
        let attributedOriginalText = NSMutableAttributedString(string: originalText)
        let linkRange = attributedOriginalText.mutableString.range(of: hyperLink)
        let fullRange = NSMakeRange(0, attributedOriginalText.length)
        attributedOriginalText.addAttribute(NSLinkAttributeName, value: urlString, range: linkRange)
        attributedOriginalText.addAttribute(NSParagraphStyleAttributeName, value: style, range: fullRange)
        attributedOriginalText.addAttribute(NSFontAttributeName, value: UIFont.systemFont(ofSize: 10), range: fullRange)
        self.linkTextAttributes = [
            NSForegroundColorAttributeName: UIConfig.primaryColour,
            NSUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue,
        ]
        self.attributedText = attributedOriginalText
    }
}

B. Ajouter l'URL du lien - let linkUrl = "https://www.my_website.com"

C. Implémentez UITextViewDelegate dans votre ViewController comme ceci -

 class MyViewController: UIViewController, UITextViewDelegate { 
 }

D. Ajouter une méthode de délégué pour gérer les événements de tap - 

func textView(_ textView: UITextView, shouldInteractWith URL: URL, in characterRange: NSRange) -> Bool {
    if (URL.absoluteString == linkUrl) {
        UIApplication.shared.openURL(URL)
    }
    return false
    }
}

E. Et enfin, les choses à vérifier pour votre UITextView sous inspecteur d'attributs -

  1. Comportement - Editable est désactivé et Selectable est activé.
  2. Détecteurs de données - Le lien est activé.

Usage - 

textView.hyperLink(originalText: "To find out more please visit our website", hyperLink: "website", urlString: linkUrl)

Salut et codage heureux!

4
Tejas

La même solution pour Swift 4 using extensions:

extension UITextView {


    func hyperLink(originalText: String, hyperLink: String, urlString: String) {

            let style = NSMutableParagraphStyle()
            style.alignment = .left

            let attributedOriginalText = NSMutableAttributedString(string: originalText)
            let linkRange = attributedOriginalText.mutableString.range(of: hyperLink)
            let fullRange = NSMakeRange(0, attributedOriginalText.length)
            attributedOriginalText.addAttribute(NSAttributedStringKey.link, value: urlString, range: linkRange)
            attributedOriginalText.addAttribute(NSAttributedStringKey.paragraphStyle, value: style, range: fullRange)
            attributedOriginalText.addAttribute(NSAttributedStringKey.foregroundColor, value: UIColor.blue, range: fullRange)
            attributedOriginalText.addAttribute(NSAttributedStringKey.font, value: UIFont.systemFont(ofSize: 10), range: fullRange)

            self.linkTextAttributes = [
               kCTForegroundColorAttributeName: UIColor.blue,
               kCTUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue,
            ] as [String : Any]


            self.attributedText = attributedOriginalText
        }

}
2
Chetan Dobariya

Vous pouvez utiliser cette méthode simple pour ajouter un lien hypertexte à n’importe quel jeu de caractères commençant par tag 

func addLink(forString string : NSMutableAttributedString
        ,baseURL : String
        ,tag : String){
        let array = string.string.replacingOccurrences(of: "\n", with: " ").components(separatedBy: " ")
        let filterArray = array.filter { (string) -> Bool in
            return string.contains(tag)
        }
        for element in filterArray {
            let removedHashtag = element.replacingOccurrences(of: tag, with: "")
            let url = baseURL + removedHashtag
            let range = NSString.init(string: (string.string)).range(of: element)
            string.addAttributes([NSAttributedStringKey.link : url.replacingOccurrences(of: " ", with: "")], range: range)
        }
    }
0
Apoorv Suri