使用UITextView实现可选复制控件的实现方案
2020-08-11 本文已影响0人
zxFlyer
背景:
项目需要实现一个长按弹出可选复制的内容展示控件,需求细拆分之后是:
- 文字可以进行复制;
- 默认全选内容,可选择部分内容;
- 识别网址、识别电话号码,点击跳转/调起电话(同聊天会话识别规则);
- 超链接添加下划线;
可实现方案有:
- 复用聊天会话气泡内容的富文本label:此方案有点是可直接复用聊天识别规则、链接号码处理,缺点是需要自己实现长按选择部分内容的效果;
- 使用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;
}
实现了上述代码后发现有几个坑需要解决:
- 系统识别的链接范围和项目中解析链接和号码的库识别的range不一致;
- 在iOS12系统之后苹果取消了3D Touch而改为长按手势,所以UITextView长按时如果焦点在链接上,会触发3D Touch的预览效果,而不是文本内容的选择复制menu;
- 长按手势默认要全选文本内容;
下面一一填坑。
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];
}