blocks|key|566676|text|您可以使用UITextView并在检查器中为链接、电话号码和其他内容选择检测。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|566677|entityMap^0|5|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You can use a <code>UITextView</code> and select Detection for Links, Phone Numbers and other things in the inspector.

blocks|key|566728|text|您可以创建一个自定义的UIButton和setText，然后使用它添加一个方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|566729|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
}|code-block|syntax|javascript|566730|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can make a custom UIButton and setText what ever you want and add a method with that.

<pre><code>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
}
</code></pre>

blocks|key|350841|text|https://github.com/mattt/TTTAttributedLabel|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|350842|这绝对是你需要的。您还可以为标签应用属性，如下划线，并对其应用不同的颜色。只需查看可点击urls的说明即可。|350843|基本上，您可以执行类似以下操作：|350844|NSRange+range+=+[label.text+rangeOfString:@"me"];
[label+addLinkToURL:[NSURL+URLWithString:@"http://github.com/mattt/"]+withRange:range];+//+Embedding+a+custom+link+in+a+substring|code-block|syntax|javascript|350845|entityMap|0|LINK|mutability|MUTABLE|url^0|0|17|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|4]]]]

<a href="https://github.com/mattt/TTTAttributedLabel">https://github.com/mattt/TTTAttributedLabel</a>

That's definitely what you need. You can also apply attributes for your label, like underline, and apply different colors to it. Just check the instructions for clickable urls.

Mainly, you do something like the following:

<pre><code>NSRange range = [label.text rangeOfString:@"me"];
[label addLinkToURL:[NSURL URLWithString:@"http://github.com/mattt/"] withRange:range]; // Embedding a custom link in a substring
</code></pre>

blocks|key|350874|text|使用UITextView而不是UILabel，它有一个将文本转换为超链接的属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|350875|Objective-C：|350876|yourTextView.editable+=+NO;
yourTextView.dataDetectorTypes+=+UIDataDetectorTypeAll;|code-block|syntax|javascript|350877|Swift：|350878|yourTextView.editable+=+false;+
yourTextView.dataDetectorTypes+=+UIDataDetectorTypes.All;|350879|这将自动检测链接。|350880|详情请参见the+documentation。|350881|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/documentation/uikit/uidatadetectortypes^0|2|A|F|7|0|0|0|0|0|0|5|H|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|U|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

Use <code>UITextView</code> instead of <code>UILabel</code> and it has a property to convert your text to hyperlink.

<h3>Objective-C:</h3>

<pre><code>yourTextView.editable = NO;
yourTextView.dataDetectorTypes = UIDataDetectorTypeAll;
</code></pre>

<h3>Swift:</h3>

<pre><code>yourTextView.editable = false; 
yourTextView.dataDetectorTypes = UIDataDetectorTypes.All;
</code></pre>

This will detect links automatically.

See <a href="https://developer.apple.com/documentation/uikit/uidatadetectortypes" rel="noreferrer">the documentation</a> for details.

blocks|key|350937|text|使用UITextView而不是UILabel，它具有将文本转换为超链接的属性|type|unstyled|depth|inlineStyleRanges|entityRanges|data|350938|Swift代码：|350939|yourTextView.editable+=+false
yourTextView.dataDetectorTypes+=+UIDataDetectorTypes.All
//or
yourTextView.dataDetectorTypes+=+UIDataDetectorTypes.PhoneNumber
//or
yourTextView.dataDetectorTypes+=+UIDataDetectorTypes.Link|code-block|syntax|javascript|350940|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Use UITextView instead of UILabel and it has a property to convert your text to hyperlink

Swift code:

<pre><code>yourTextView.editable = false
yourTextView.dataDetectorTypes = UIDataDetectorTypes.All
//or
yourTextView.dataDetectorTypes = UIDataDetectorTypes.PhoneNumber
//or
yourTextView.dataDetectorTypes = UIDataDetectorTypes.Link
</code></pre>

blocks|key|350981|text|如果你想让UILabel而不是UITextView来处理这件事，你可以创建UILabel子类，就像下面这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|350982|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)!)
++++++++++++}
++++++++}
++++})

}}|code-block|syntax|javascript|350983|这个类是通过重用这个answer中的代码生成的。要生成属性字符串，请查看此answer。和here，你可以找到如何制作手机网址。|offset|length|350984|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/28519273/745161|1|https://stackoverflow.com/a/18518339/745161|2|https://stackoverflow.com/a/5456573/745161^0|0|0|A|6|0|11|6|1|19|4|2|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]|$I|12|J|13|1|14]|$I|15|J|16|1|17]]|A|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]|U|$5|N|O|P|A|$Q|V]]]]

If you want this to be handled by UILabel and not UITextView, you can make UILabel subclass, like this one:

<pre><code>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&lt;ObjCBool&gt;) in

 if NSLocationInRange(indexOfCharacter, range){
 if let _attrs = attrs{

 UIApplication.shared.openURL(URL(string: _attrs as! String)!)
 }
 }
 })

}}
</code></pre>

This class was made by reusing code from this <a href="https://stackoverflow.com/a/28519273/745161">answer</a>. In order to make attributed strings check out this <a href="https://stackoverflow.com/a/18518339/745161">answer</a>. And <a href="https://stackoverflow.com/a/5456573/745161">here</a> you can find how to make phone urls.

blocks|key|566959|text|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+%2B+indexOfCharacterRect.size.width

++++++++if+locationOfTouchInLabel.x+>+deltaOffsetCharacter+{
++++++++++++return+false
++++++++}+else+{
++++++++++++return+NSLocationInRange(indexOfCharacter,+targetRange)
++++++++}
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|566960|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>extension UITapGestureRecognizer {

 func didTapAttributedTextInLabel(label: UILabel, inRange targetRange: NSRange) -&gt; 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 &gt; deltaOffsetCharacter {
 return false
 } else {
 return NSLocationInRange(indexOfCharacter, targetRange)
 }
 }
}
</code></pre>

blocks|key|351034|text|使用UIButton的Swift+4.0可能的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|351035|+++++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)


++++}|code-block|syntax|javascript|351036|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Swift 4.0 possible solution using UIButton

<pre><code> 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)


 }
</code></pre>

I want to create a clickable label on my app leading me to a Safari webpage. I also want the user to be able to phone the numbers only by clicking on them ? 

Thanks for your advices

How to make URL/Phone-clickable UILabel?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想在我的应用程序上创建一个可点击的标签，引导我进入Safari网页。我也希望用户能够拨打电话的号码只通过点击他们？谢谢你的建议

问如何使网址/电话可点击的UILabel？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使网址/电话可点击的UILabel？EN