[iOS] UITextView 实现文本超链接 高度自适应 只响应超链接

1. 需求说明

1. 实现一个隐私条款对话框，内部的“隐私条款”部分需高亮且可点击并跳转至相应界面。
2. 对话框中需要显示全部的隐私条款提示文本，已确定隐私条款提示文本的字数能够在一个屏幕内显示。
3. 对话框内其它文本最好不响应其它事件，不出现包含“复制”等功能的Menu菜单。

2. 方案简述

由于 UITextView 已经实现了超链接跳转的功能，所以，相较于 UILabel，优先选用 UITextView 来实现以上功能。

通过 UITextView 的代理实现超链接跳转功能。

/// UITextView 中URL点击回调
- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction;

使用 NSMutableAttributedString 设置超链接文本的颜色和位置。

计算隐私条款文本的高度，以设置 UITextView 的高度。

/// 计算 NSAttributedString 文本的大小
- (CGRect)boundingRectWithSize:(CGSize)size options:(NSStringDrawingOptions)options context:(nullable NSStringDrawingContext *)context;

通过重写 UIView 的响应链，不响应非超链接部分的事件。

3. 方案实现

(1) 使用 Storyboard 绘制界面

绘制时，设置 UITextView 的高度约束为0，待计算完文本的高度后，再通过代码的方式修改高度约束的值。

(2) 设置文本内容和样式、超链接跳转

给 NSMutableAttributedString 内的部分文本设置 NSLinkAttributeName 属性，即可让这部分文本成为超链接文本，拥有点击事件。

NSLinkAttributeName 属性对应的内容可以自定义链接，但最好不要包含中文。经测试，iOS 无法解析包含中文的链接。自定义的链接可在 UITextView 的回调中进行处理。

另外需要注意的是，计算 NSMutableAttributedString 文本高度时，需要注意 UITextView 内部文本容器的间距。一开始由于没有注意到这点，导致高度计算一直出错。关于 UITextView 的高度计算，具体可以参考这篇博文：https://www.jianshu.com/p/32a4747a19fb。

@interface PrivacyTipsViewController () 

/// 提示信息对话框
@property (weak, nonatomic) IBOutlet UIView *tipsView;
/// 提示信息文本视图
@property (weak, nonatomic) IBOutlet LinkOnlyTextView *tipsTextView;
/// 提示信息文本视图高度
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *tipsTextViewHeightConstraint;

@end

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    _tipsView.layer.cornerRadius = 5;
    
    _tipsTextView.delegate = self;
    
    // 判断是否已同意隐私条款
    if ([[NSUserDefaults standardUserDefaults] boolForKey:AgreePrivacyTipsString]) {
        _tipsView.hidden = YES;
        
        // 已同意隐私条款的回调
        //if (_privacyTipsAlertEventBlock) {
        //    _privacyTipsAlertEventBlock(YES);
        //}
    } else {
        NSString *tipsString = @"　为了更好保护您的个人信息，请在使用XXXX的产品和/或服务前，仔细阅读并充分了解\"风险提示和隐私政策\"。\n　在使用过程中，我们可能会收集包括但不限于：XXXXX等个人信息。\n　您可阅读《风险提示和隐私政策》了解详细信息。如您同意，请点“同意”开始接受我们的服务。";
        
        // 超链接文本范围
        NSRange linkRange = [tipsString rangeOfString:@"《风险提示和隐私政策》"];
        _tipsTextView.linkRangeArray = @[[NSValue valueWithRange:linkRange]];
        
        // 设置文本样式
        NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:tipsString attributes:@{NSFontAttributeName: [UIFont systemFontOfSize:16]}];
        // 设置行间距和段落间距
        NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
        [paragraphStyle setLineSpacing:5];
        [paragraphStyle setParagraphSpacing:7];
        [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [tipsString length])];
        // 设置超链接文本样式
        // MARK: 若NSLinkAttributeName字段包含中文时，需要对其进行特殊处理，否则无法触发UITextViewDelegate
        [attributedString addAttributes:@{NSForegroundColorAttributeName: [UIColor blueColor], NSLinkAttributeName: @"https://www.baidu.com/"} range:linkRange];
        
        // 文本段落间距，该属性默认为5，如果想保留默认值，则在计算文本高度时，需要将限制宽度再减去10
        _tipsTextView.textContainer.lineFragmentPadding = 0;
        
        // 计算富文本的高度
        // 32: 左右间距各为16
        CGRect tipsStringRect = [attributedString boundingRectWithSize:CGSizeMake(self.view.bounds.size.width * 0.7 - 32, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading context:nil];
        
        // MARK: UITextView高度自适应，https://www.jianshu.com/p/32a4747a19fb
        // 16: tipsTextView.textContainerInset({8, 0, 8, 0})，系统设定文本容器和UITextView的上下间距各为8
        _tipsTextViewHeightConstraint.constant = tipsStringRect.size.height + 16;
        
        _tipsTextView.attributedText = attributedString;
    }
}


#pragma mark - UITextViewDelegate

/// 当textView指定范围的内容与URL交互时
- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
    // 跳转到点击的链接，若链接为自定义格式或者使用自己的方式打开链接，可在此方法内进行处理
    
    // 当YES时，等同于[[UIApplication sharedApplication] openURL:URL options:@{} completionHandler:nil];
    // 若链接为自定义格式，需要在此方法内进行处理，并且return NO
    return YES;
}

(3) 以继承的方式，重写 UITextView

当做完上述的超链接跳转之后，发现 UITextView 所有的文本都可以被交互，并且会出现包含“复制”等功能的Menu。很遗憾，产品并不希望看到这个东西，要求把这个Menu也去掉。最后经过讨论，除超链接的文本外，都设置为不可交互。

通过重写pointInside:withEvent:方法，使UITextView不响应除超链接外的交互事件。pointInside:withEvent:的作用是判断点击事件是否在当前控件或当前控件的子控件内处理。具体可以去了解 iOS 的事件响应链和响应链。

@interface LinkOnlyTextView : UITextView

/// 超链接文本的范围数组
@property(nonatomic, copy) NSArray *linkRangeArray;

@end

// ---------------------------------------

@implementation LinkOnlyTextView

- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
    // 获得点击位置
    UITextPosition *textPosition = [self closestPositionToPoint:point];
    NSInteger location = [self offsetFromPosition:self.beginningOfDocument toPosition:textPosition];
    
    // 除被设置超链接的区域外，不响应事件
    return [self locationInRangeArray:location];
}

/// 点击位置是否在超链接文本范围内
- (BOOL)locationInRangeArray:(NSInteger)location {
    for (NSValue *value in _linkRangeArray) {
        NSRange range = [value rangeValue];
        if (location >= range.location && location < range.location + range.length) {
            return YES;
        }
    }
    return NO;
}

@end

当写好继承类后，需要将 Storyboard 内的 UITextView 的类设置为继承类。

4. 代码链接

https://github.com/Wu-GQ/PrivacyTipsDemo

5. 反思

1. 由于 UITextView 使用经验不足，导致在计算 NSMutableAttributedString 文本高度一直出错。
2. 当文本长度过长时，不可使用重写pointInside:withEvent:方法。因为过长的文本，不能在一个屏幕内完全显示，就必须要通过 UITextView 的滚动功能才能浏览全文。此时，需要采取另一种方案：重写 UITextView 内的canPerformAction:withSender:方法，以不显示Menu，然后通过重写gestureRecognizerShouldBegin:方法，禁止触发 UITextView 的除点击事件和长按事件外的交互事件。
3. 既然文本不长，且不需要滚动功能，是不是可以考虑使用 UILabel + UITapGestureRecognizer 来实现上述功能？