美文网首页OC-开发案例收集
使用UITextView实现可选复制控件的实现方案

使用UITextView实现可选复制控件的实现方案

作者: zxFlyer | 来源:发表于2020-08-11 16:52 被阅读0次

    背景:

    项目需要实现一个长按弹出可选复制的内容展示控件,需求细拆分之后是:

    1. 文字可以进行复制;
    2. 默认全选内容,可选择部分内容;
    3. 识别网址、识别电话号码,点击跳转/调起电话(同聊天会话识别规则);
    4. 超链接添加下划线;

    可实现方案有:

    1. 复用聊天会话气泡内容的富文本label:此方案有点是可直接复用聊天识别规则、链接号码处理,缺点是需要自己实现长按选择部分内容的效果;
    2. 使用UITextView:优点是系统可自动识别超链接、系统自带长按选择复制效果;

    考虑到有长按选择复制的需求,使用UITextView方案更方便处理。

    UITextView选择复制的实现

    实现UITextView的长按复制效果的关键代码是关闭编辑属性

    textView.editable = NO;
    textView.tintColor = HBGTextFieldTintColor;
    // 添加超链接下划线
    textView.linkTextAttributes = @{NSForegroundColorAttributeName: HBGTextFieldTintColor,
    NSUnderlineStyleAttributeName: @(NSUnderlineStyleSingle)};
    

    textView.dataDetectorTypes = UIDataDetectorTypeLink | UIDataDetectorTypePhoneNumber;// 识别网址和号码

    实现textView的点击超链接代理方法处理点击事件:

    #pragma mark -- UITextViewDelegate
    - (BOOL)textView:(UITextView*)textView shouldInteractWithURL:(NSURL*)URL inRange:(NSRange)characterRange {
        return [self handleTextViewInteractWithUrl:URL inRange:characterRange];
    }
    - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
        if (interaction == UITextItemInteractionInvokeDefaultAction) {
            // 点击手势
            return [self handleTextViewInteractWithUrl:URL inRange:characterRange];
        }
        
        return YES;
    }
    
    - (BOOL)handleTextViewInteractWithUrl:(NSURL *)URL inRange:(NSRange)characterRange {
        NSRange range = characterRange;
        
        for (HBGKeywordModel *model in self.keywordModels)
        {
            if (NSEqualRanges(range, model.range))
            {
                NSURL *url;
                NSString *urlstring = model.url;
                if (![urlstring hasPrefix:@"http://"]
                    && ![urlstring hasPrefix:@"https://"])
                {
                    url = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@", urlstring]];
                }
                else
                {
                    url = [NSURL URLWithString:urlstring];
                }
                [self didClickLinkUrl:url];
                return NO;
            }
        }
        
        for (HBGKeywordModel *model in self.phoneArr)
        {
            if (NSEqualRanges(range, model.range))
            {
                [self didClickPhoneNumber:model.url];
                return NO;
            }
        }
        return NO;
        
    }
    

    实现了上述代码后发现有几个坑需要解决:

    1. 系统识别的链接范围和项目中解析链接和号码的库识别的range不一致;
    2. 在iOS12系统之后苹果取消了3D Touch而改为长按手势,所以UITextView长按时如果焦点在链接上,会触发3D Touch的预览效果,而不是文本内容的选择复制menu;
    3. 长按手势默认要全选文本内容;

    下面一一填坑。

    1、系统识别和自定义解析范围偏差问题

    首先要关闭系统的自动识别,然后设置自己解析的链接range和超链接:

    textView.dataDetectorTypes = UIDataDetectorTypeNone;// 关闭系统检测器,自己手动添加超链接
    
    NSMutableAttributedString *attributeContent = [[NSMutableAttributedString alloc] initWithString:self.content];
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    paragraphStyle.alignment = NSTextAlignmentJustified;//文本对齐方式 左右对齐(两边对齐)
    [attributeContent addAttributes:@{
        NSParagraphStyleAttributeName : paragraphStyle,
        NSFontAttributeName: [UIFont systemFontOfSize:17]
    } range:NSMakeRange(0, self.content.length)];
    
    for (HBGKeywordModel *urlModel in self.keywordModels) {
        [attributeContent addAttribute:NSLinkAttributeName value:urlModel.url range:urlModel.range];// 自己设置链接,不使用系统自动识别
        //        [attributeContent addAttribute:NSForegroundColorAttributeName value:HBGTextFieldTintColor range:urlModel.range];// !超链接颜色这样设置无效!
    }
    for (HBGKeywordModel *phoneModel in self.phoneArr) {
        BOOL shouldAddLinkText = YES;
        for (HBGKeywordModel *urlModel in self.keywordModels) {
            //已存在于链接点击文本中,就不添加了
            if (NSEqualRanges(NSUnionRange(phoneModel.range, urlModel.range), urlModel.range)) {
                shouldAddLinkText = NO;
                break;
            }
        }
        if (shouldAddLinkText) {
            [attributeContent addAttribute:NSLinkAttributeName value:phoneModel.url range:phoneModel.range];// 自己设置链接,不使用系统自动识别
        }
    }
    self.textView.attributedText = attributeContent;
    

    2、长按触发3D Touch预览问题

    首先,查了很久没有找到关闭UITextView超链接预览的方法。

    然后,想关闭长按链接触发预览效果的手势。打印一下UITextView系统自带的手势发现太多,无法辨别😂,给textView添加手势打印了一下长按触发的手势,发现大概有5种手势被触发了,还是很难辨别是哪个(或几个)手势触发的3D Touch效果。

    最后,因为textView只做文本展示使用,只有点击手势被用到,其他手势都没有用到,所以只保留点击链接的手势,其他所有手势全部禁用。

    打印点击链接手势:

    - (BOOL)gestureRecognizer:(UIGestureRecognizer*)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer*)otherGestureRecognizer {
        NSLog(@"otherGestureRecognizer:%@",[otherGestureRecognizer class]);
        
        return YES;
    }
    
    // 打印:
    otherGestureRecognizer:UITextTapRecognizer
    otherGestureRecognizer:UITapGestureRecognizer
    

    可以看到点击链接只用到了两个手势UITextTapRecognizer UITapGestureRecognizer

    处理系统手势:

    // 在UITextView子类中
    for (UIGestureRecognizer *gestureTmp in self.gestureRecognizers) {
        if (![NSStringFromClass([gestureTmp class]) isEqualToString:@"UITextTapRecognizer"] && ![NSStringFromClass([gestureTmp class]) isEqualToString:@"UITapGestureRecognizer"]) {
            // 除了点击链接相关手势其他全部关掉,关闭长按链接触发3dTouch效果
            gestureTmp.enabled = NO;
        }
    }
    

    3、长按手势默认全选文本内容

    系统默认的长按手势是选中焦点附近的词语,要默认全选,没法在系统UIMenuController触发的方法中调用selectAll:,因为每次移动选择范围UIMenuController都会重复调用方法。

    只能自己添加长按手势去调用selectAll:

    // 在UITextView子类中
    
    // 添加自定义长按手势,实现默认全选
    UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressGestureRecognizer:)];
    [self addGestureRecognizer:longPress];
    
    
    - (void)longPressGestureRecognizer:(UILongPressGestureRecognizer *)longPressGR {
        UIMenuController *menuController = [UIMenuController sharedMenuController];
        // 默认选中全部
        [self selectAll:menuController];
    }
    

    其他设置

    设置UIMenuController显示的选项

    // 继承UITextView重写这个方法
    - (BOOL)canPerformAction:(SEL)action withSender:(id)sender
    {
    
        // 返回NO为禁用,YES为开启
        // 剪切
        if (action == @selector(cut:)) return NO;
        // 复制
        if (action == @selector(copy:)) return YES;
        // 选择
        if (action == @selector(select:)) return NO;
        // 选中全部
        if (action == @selector(selectAll:)) return YES;
        // 粘贴
        if (action == @selector(paste:)) return NO;
        // 删除
        if (action == @selector(delete:)) return NO;
        // 查询
        if (action == NSSelectorFromString(@"_define:")) return YES;
        // 学习
        if (action == NSSelectorFromString(@"_addShortcut:")) return NO;
        // 分享
        if (action == NSSelectorFromString(@"_share:")) return YES;
    
        return [super canPerformAction:action withSender:sender];
    }
    

    相关文章

      网友评论

        本文标题:使用UITextView实现可选复制控件的实现方案

        本文链接:https://www.haomeiwen.com/subject/hweydktx.html