UIButton 标签检测点击特定文本

Question

我有以下 UIButton 来呈现复选框和标签；

为了创建这个，我使用了一个带有NSMutableAttributedString 的 UIButton 控件，为“条款和条件”的其余部分提供了不同的样式。

就像网页上的复选框一样，我希望用户能够点击灰色文本或图像本身来打开或关闭复选框。

但如果用户点击“条款和条件”，我希望它执行一项操作（例如加载条款 URL）。

这在 Android 中很容易做到，因为您可以使用 checkbox.setMovementMethod(LinkMovementMethod.getInstance());，但在 iOS 中，我真的很难找到一种方法来创建一个带有包含链接的标签的复选框。

以前有没有人这样做过，你是怎么做的？

Answer 1

我最终做了以下事情；

为我的实际复选框创建了一个 UIButton（空文本标签），并为我相邻的复选框标签文本创建了一个 UITextView。

然后我像这样使用NSMutableAttributedString；

class MyViewController: UIViewController, UITextViewDelegate {

    override func viewDidLoad() {
        let attributedTermsTitle = NSMutableAttributedString()
        attributedTermsTitle.append(NSAttributedString(string: "I have read and accept the ", attributes: [NSFontAttributeName:UIFont(name: "My-Font", size: 14)!]))
        attributedTermsTitle.append(NSAttributedString(string: "Terms & Conditions", attributes: [NSFontAttributeName:UIFont(name: "My-Font", size: 14)!, NSLinkAttributeName: "terms"]))

        termsText.linkTextAttributes = [NSForegroundColorAttributeName: UIColor.blue]
        termsText.attributedText = attributedTermsTitle

        termsText.delegate = self
        termsText.isSelectable = true
        termsText.isUserInteractionEnabled = true
        termsText.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(MyViewController.toggleCheckbox)))
    }

    func toggleCheckbox(sender: UITapGestureRecognizer) {    
        termsButton.isChecked = !termsButton.isChecked
    }

    func textView(_ textView: UITextView, shouldInteractWith URL: URL, in characterRange: NSRange) -> Bool {

        let link = URL.absoluteString
        if(link == "terms") {
             // link to the Terms web page / screen
        }

        return false
    }

}

对于UIButton，给类；

class CheckBox: UIButton {
    let checkedImage = UIImage(named: "checkbox_on")! as UIImage
    let uncheckedImage = UIImage(named: "checkbox_off")! as UIImage

    var isChecked: Bool = false {
        didSet{
            if isChecked == true {
                self.setImage(checkedImage, for: UIControlState.normal)
            } else {
                self.setImage(uncheckedImage, for: UIControlState.normal)
            }
        }
    }

    override func awakeFromNib() {
        self.addTarget(self, action:#selector(buttonClicked(sender:)), for: UIControlEvents.touchUpInside)
        self.isChecked = false
    }

    func buttonClicked(sender: UIButton) {
        if sender == self {
            isChecked = !isChecked
        }
    }
} 

最终结果是 UIButton 和 UITextView 的非链接文本都会打开和关闭复选框。 “条款和条件”文本将链接到网站或转至其他地方。

希望这对其他人有所帮助。

Answer 2

您可以使用TTTAttributedLabel 使 UILabel 中的特定部分或单词可点击。

例如

label.text = @"Fork me on GitHub!"; // Repository URL will be automatically detected and linked
NSRange range = [label.text rangeOfString:@"me"];
[label addLinkToURL:[NSURL URLWithString:@"meUrl"] withRange:range];

在这里我变成了可点击的，点击这个单词委托方法 didSelectLinkWithURL 被调用，你可以检查那个函数内的链接

(void)attributedLabel:(TTTAttributedLabel *)label didSelectLinkWithURL:(NSURL *)url {
    NSLog(@"link %@", [url absoluteString]);
   if ([url absoluteString] == @"meUrl") {
   //implement your logic here
   }
    NSLog(@"whole label %@", label);
}