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

背景:

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

  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];
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345