Comment faire de l'URL/Téléphone cliquable UILabel?

Je veux créer un lien d'étiquette sur mon appli m'a conduit à un Safari de la page web. Je tiens également à l'utilisateur d'être en mesure de téléphone les numéros en cliquant sur eux ?

Merci pour vos conseils

InformationsquelleAutor Rob | 2012-05-21
  1. 125

    Vous pouvez utiliser un UITextView et sélectionnez Détection pour les Liens, Numéros de Téléphone et d'autres choses dans l'inspecteur.

    • J'ai une auto redimensionnement de l'étiquette qui peut accueillir des N lignes de texte. Comment puis-je faire les liens dans cette étiquette cliquable sans la mise en œuvre de UITextView.
    • ensuite, vous pouvez utiliser le NSAttributedText. Regardez stackoverflow.com/questions/1256887/...
    InformationsquelleAutor Basel
  2. 94

    Utilisation UITextView au lieu de UILabel et il possède une propriété de convertir votre texte en lien hypertexte.

    Objective-C:

    yourTextView.editable = NO;
yourTextView.dataDetectorTypes = UIDataDetectorTypeAll;

    Swift:

    yourTextView.editable = false; 
yourTextView.dataDetectorTypes = UIDataDetectorTypes.All;

    Cela permet de déceler automatiquement les liens.

    Voir la documentation pour plus de détails.

    • Merci pour ce !
    • cette couleur sur le lien bleu et souligne le, mais ne semblent rendre cliquable, au moins sur iOS 7.
    • Code Swift: yourTextView.modifiable = false; yourTextView.dataDetectorTypes = UIDataDetectorTypes.Tous;
    • Merci pour ce!
    • la question est à propos UILabel, pas UITextView.
    InformationsquelleAutor Sameera Chathuranga
  3. 27

    https://github.com/mattt/TTTAttributedLabel

    C'est certainement ce dont vous avez besoin. Vous pouvez également appliquer des attributs de votre étiquette, comme le soulignent, et d'appliquer des couleurs différentes pour elle. Il suffit de consulter les instructions pour les adresses url cliquable.

    Surtout, vous faire quelque chose comme ce qui suit:

    NSRange range = [label.text rangeOfString:@"me"];
[label addLinkToURL:[NSURL URLWithString:@"http://github.com/mattt/"] withRange:range]; //Embedding a custom link in a substring
    • Il est magnifique, merci!!!! Beaucoup mieux que d'utiliser un UITextView de plusieurs façons.
    • L'Utilisation De Swift: let range = (label.text as NSString).rangeOfString("me")
    InformationsquelleAutor Ramy Kfoury
  4. 12

    Vous pouvez faire de la coutume UIButton et setText ce que jamais tu veux et ajouter une méthode avec qui.

        UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [sampleButton setFrame:CGRectMake(kLeftMargin, 10, self.view.bounds.size.width - kLeftMargin - kRightMargin, 52)];
    [sampleButton setTitle:@"URL Text" forState:UIControlStateNormal];
    [sampleButton setFont:[UIFont boldSystemFontOfSize:20]];

    [sampleButton addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:sampleButton];

-(void)buttonPressed:(id)sender{
 //open url

}
    • Réglage de la police est maintenant fait par: bouton.titleLabel.font = [UIFont systemFontOfSize:taille];
    InformationsquelleAutor Rohit Dhawan
  5. 9

    Si vous voulez que ce soit gérée par UILabel et pas UITextView, vous pouvez faire UILabel sous-classe, comme celui-ci:

    class LinkedLabel: UILabel {
fileprivate let layoutManager = NSLayoutManager()
fileprivate let textContainer = NSTextContainer(size: CGSize.zero)
fileprivate var textStorage: NSTextStorage?
override init(frame aRect:CGRect){
super.init(frame: aRect)
self.initialize()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
self.initialize()
}
func initialize(){
let tap = UITapGestureRecognizer(target: self, action: #selector(LinkedLabel.handleTapOnLabel))
self.isUserInteractionEnabled = true
self.addGestureRecognizer(tap)
}
override var attributedText: NSAttributedString?{
didSet{
if let _attributedText = attributedText{
self.textStorage = NSTextStorage(attributedString: _attributedText)
self.layoutManager.addTextContainer(self.textContainer)
self.textStorage?.addLayoutManager(self.layoutManager)
self.textContainer.lineFragmentPadding = 0.0;
self.textContainer.lineBreakMode = self.lineBreakMode;
self.textContainer.maximumNumberOfLines = self.numberOfLines;
}
}
}
func handleTapOnLabel(tapGesture:UITapGestureRecognizer){
let locationOfTouchInLabel = tapGesture.location(in: tapGesture.view)
let labelSize = tapGesture.view?.bounds.size
let textBoundingBox = self.layoutManager.usedRect(for: self.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 = self.layoutManager.characterIndex(for: locationOfTouchInTextContainer, in: self.textContainer, fractionOfDistanceBetweenInsertionPoints: nil)
self.attributedText?.enumerateAttribute(NSLinkAttributeName, in: NSMakeRange(0, (self.attributedText?.length)!), options: NSAttributedString.EnumerationOptions(rawValue: UInt(0)), using:{
(attrs: Any?, range: NSRange, stop: UnsafeMutablePointer<ObjCBool>) in
if NSLocationInRange(indexOfCharacter, range){
if let _attrs = attrs{
UIApplication.shared.openURL(URL(string: _attrs as! String)!)
}
}
})
}}

    Cette classe a été faite par la réutilisation de code à partir de ce réponse. Afin de rendre attribué chaînes découvrez ce réponse. Et ici vous pouvez trouver comment faire de téléphone url.

    • parfait. juste ce que je cherchais! j'ai été en attente sur vous pour poster votre réponse.
    InformationsquelleAutor Bojan Bozovic
  6. 7

    Utilisation UITextView au lieu de UILabel et il possède une propriété de convertir votre texte en lien hypertexte

    Code Swift:

    yourTextView.editable = false
yourTextView.dataDetectorTypes = UIDataDetectorTypes.All
//or
yourTextView.dataDetectorTypes = UIDataDetectorTypes.PhoneNumber
//or
yourTextView.dataDetectorTypes = UIDataDetectorTypes.Link
    • la question de savoir comment l'utiliser dans UILabel, plutôt que de TextViews. merci.
    InformationsquelleAutor Thiago Arreguy
  7. 6

    Utiliser ce que j'aimais tellement depuis crée un lien avec le bleu de la couleur à un texte particulier seulement pas sur l'ensemble du texte de l'étiquette: FRHyperLabel

    Comment faire de l'URL/Téléphone cliquable UILabel?

    À faire:

    1. Télécharger à partir du lien ci-dessus et copier FRHyperLabel.h, FRHyperLabel.m à votre projet.

    2. De glisser /déposer UILabel dans votre Storyboard et de définir un nom de classe à FRHyperLabel en identifier l'inspecteur, comme indiqué dans l'image.

    Comment faire de l'URL/Téléphone cliquable UILabel?

    1. Connecter votre UILabel de storyboard pour votre viewController.h fichier

    @property (weak, nonatomic) IBOutlet FRHyperLabel *label;

    1. Maintenant dans votre viewController.m fichier ajouter le code suivant.

    `NSString *string = @"En téléchargeant j'accepte les Conditions d'Utilisation";
    NSDictionary *attributs = @{NSFontAttributeName: [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline]};

    _label.attributedText = [[NSAttributedString alloc]initWithString:string attributes:attributes];
[_label setFont:[_label.font fontWithSize:13.0]];
[_label setLinkForSubstring:@"Terms of Use" withLinkHandler:^(FRHyperLabel *label, NSString *substring){
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"http://www.google.com"]];
}];`
    1. Et de l'exécuter.
    InformationsquelleAutor karan
  8. 0
    extension UITapGestureRecognizer {
func didTapAttributedTextInLabel(label: UILabel, inRange targetRange: NSRange) -> Bool {
let layoutManager = NSLayoutManager()
let textContainer = NSTextContainer(size: CGSize.zero)
let textStorage = NSTextStorage(attributedString: label.attributedText!)
//Configure layoutManager and textStorage
layoutManager.addTextContainer(textContainer)
textStorage.addLayoutManager(layoutManager)
//Configure textContainer
textContainer.lineFragmentPadding = 0.0
textContainer.lineBreakMode = label.lineBreakMode
textContainer.maximumNumberOfLines = label.numberOfLines
textContainer.size = label.bounds.size
//main code
let locationOfTouchInLabel = self.location(in: label)
let indexOfCharacter = layoutManager.characterIndex(for: locationOfTouchInLabel, in: textContainer, fractionOfDistanceBetweenInsertionPoints: nil)
let indexOfCharacterRange = NSRange(location: indexOfCharacter, length: 1)
let indexOfCharacterRect = layoutManager.boundingRect(forGlyphRange: indexOfCharacterRange, in: textContainer)
let deltaOffsetCharacter = indexOfCharacterRect.origin.x + indexOfCharacterRect.size.width
if locationOfTouchInLabel.x > deltaOffsetCharacter {
return false
} else {
return NSLocationInRange(indexOfCharacter, targetRange)
}
}
}
    InformationsquelleAutor Harman
  9. -1

    Swift 4.2, Xcode version 9.3

    class LinkedLabel: UILabel {
fileprivate let layoutManager = NSLayoutManager()
fileprivate let textContainer = NSTextContainer(size: CGSize.zero)
fileprivate var textStorage: NSTextStorage?
override init(frame aRect:CGRect){
super.init(frame: aRect)
self.initialize()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
self.initialize()
}
func initialize(){
let tap = UITapGestureRecognizer(target: self, action: #selector(self.handleTapOnLabel))
self.isUserInteractionEnabled = true
self.addGestureRecognizer(tap)
}
override var attributedText: NSAttributedString?{
didSet{
if let _attributedText = attributedText{
self.textStorage = NSTextStorage(attributedString: _attributedText)
self.layoutManager.addTextContainer(self.textContainer)
self.textStorage?.addLayoutManager(self.layoutManager)
self.textContainer.lineFragmentPadding = 0.0;
self.textContainer.lineBreakMode = self.lineBreakMode;
self.textContainer.maximumNumberOfLines = self.numberOfLines;
}
}
}
@objc func handleTapOnLabel(tapGesture:UITapGestureRecognizer){
let locationOfTouchInLabel = tapGesture.location(in: tapGesture.view)
let labelSize = tapGesture.view?.bounds.size
let textBoundingBox = self.layoutManager.usedRect(for: self.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 = self.layoutManager.characterIndex(for: locationOfTouchInTextContainer, in: self.textContainer, fractionOfDistanceBetweenInsertionPoints: nil)
self.attributedText?.enumerateAttribute(NSAttributedStringKey.link, in: NSMakeRange(0, (self.attributedText?.length)!), options: NSAttributedString.EnumerationOptions(rawValue: UInt(0)), using:{
(attrs: Any?, range: NSRange, stop: UnsafeMutablePointer<ObjCBool>) in
if NSLocationInRange(indexOfCharacter, range){
if let _attrs = attrs{
UIApplication.shared.openURL(URL(string: _attrs as! String)!)
}
}
})
}}
    • maintenant, le travail, et le texte n'est pas souligné
    InformationsquelleAutor swift2geek
  10. -2

    Swift 4.0 solution possible à l'aide de UIButton

         phoneButton = UIButton(frame: CGRect(x: view.frame.width * 0, y: view.frame.height * 0.1, width: view.frame.width * 1, height: view.frame.height * 0.05))
phoneButton.setTitle("333-333-3333", for: .normal )
phoneButton.setTitleColor(UIColor(red: 0 / 255, green: 0 / 255, blue: 238 / 255, alpha: 1.0), for: .normal)
phoneButton.addTarget(self, action: #selector(self.callPhone), for: .touchUpInside )
@objc func callPhone(){
UIApplication.shared.open(URL(string:"tel://3333333333")!, options: [:] , completionHandler: nil)
}
    InformationsquelleAutor Fidel