CJLabel已经更新最新版本V2.1.2 ,相关文章介绍看这里CJLabel图文混排二 —— UILabel插入图片以及精确链点点击
在NSAttributedString出现之前,UILabel只能做简单的文本显示,如果要显示富文本我们只能通过Core Text来实现,同时UILabel的userInteractionEnabled属性默认是NO的,即不能响应用户的交互操作。在本文我通过UILabel的attributedText来显示富文本(关于对NSAttributedString的封装以及size信息的计算,可参照上一篇文章动态计算NSAttributedString的size大小),同时判断每次点击label时对应字符的NSRange位置信息,实现了任意字符的点击响应。
- 先上效果图 image
-
创建UILabel的子类CJLabel
@interface CJLabel : UILabel
/**
* 是否加大点击响应范围,类似于UIWebView的链点点击效果,默认NO
*/
@property (nonatomic, assign) BOOL extendsLinkTouchArea;/** * 文本中内容相同的链点是否都能够响应点击, * 必须在设置self.attributedText前赋值, * 如果值为NO,则取文本中首次出现的链点, * 默认YES */ @property (nonatomic, assign) IBInspectable BOOL sameLinkEnable; /** * 增加点击链点 * * @param linkString 响应点击的字符串 * @param linkDic 响应点击的字符串的Attribute值 * @param parameter 响应点击的字符串的相关参数:id,色值,字体大小等 * @param linkBlock 点击回调 */ - (void)addLinkString:(NSString *)linkString linkAddAttribute:(NSDictionary *)linkDic linkParameter:(id)parameter block:(CJLinkLabelModelBlock)linkBlock; /** * 取消点击链点 * * @param linkString 取消点击的字符串 */ - (void)removeLinkString:(NSAttributedString *)linkString; @end
方法- addLinkString: linkAddAttribute: linkParameter: block:
添加要响应点击事件的字符串,block为点击该字符串对应的回调事件;- removeLinkString:
移除点击事件。
- (void)addLinkString:(NSAttributedString *)linkString block:(CJLinkLabelModelBlock)linkBlock {
CJLinkLabelModel *linkModel = [[CJLinkLabelModel alloc]initLinkLabelModelWithString:linkString range:[self getRangeWithLinkString:linkString] block:linkBlock];
if (nil != linkModel) {
[self.linkArray addObject:linkModel];
}
}
CJLinkLabelModel
是自定义的点击链点model类,包含三个属性linkBlock(该链点的点击回调事件)、linkString(链点对应的字符串)、range(链点对应的NSRange信息)、parameter(可传递点击链点的相关参数:id,色值,字体大小等)。每添加一段能够响应点击事件的字符串,都新创建一个CJLinkLabelModel
,并add到self.linkArray
中。
设置CJLabel的属性self.userInteractionEnabled = YES
,同时重写- touchesBegan: withEvent:
方法
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event {
UITouch * touch = touches.anyObject;
//获取触摸点击当前view的坐标位置
CGPoint location = [touch locationInView:self];
//判断是否响应了点击事件
if(![self needResponseTouchLabel:location]) {
[self.nextResponder touchesBegan:touches withEvent:event];
}
}
- needResponseTouchLabel
方法将点击坐标转化为对应的第index个字符,然后遍历self.linkArray
数组,判断该字符是否在需响应点击事件的字符串数组内,是的话则响应点击回调,否则向self.nextResponder
继续传递点击交互。
另外self.extendsLinkTouchArea
可以设置是否加大点击响应范围,类似于UIWebView的链点点击效果,默认NO。
- removeLinkString:
方法
- (void)removeLinkString:(NSAttributedString *)linkString {
__block NSUInteger index = 0;
__block BOOL needRemove = NO;
[self.linkArray enumerateObjectsUsingBlock:^(id num, NSUInteger idx, BOOL *stop){
CJLinkLabelModel *linkModel = (CJLinkLabelModel *)num;
if ([linkModel.linkString isEqualToAttributedString:linkString]) {
index = idx;
needRemove = YES;
*stop = YES;
}
}];
[self.linkArray removeObjectAtIndex:index];
}
CJLabel的使用
- 使用cocoapods安装
Podfileplatform :ios, '7.0'
pod 'CJLabel', '~> 1.0.3' - 直接引用
从GitHub下载CJLabel文件夹,直接引用到工程中。
最后附上demo地址
网友评论
NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@" %@",topStr]];
CJLabelConfigure *configure = [CJLabel configureAttributes:nil isLink:NO activeLinkAttributes:nil parameter:nil clickLinkBlock:nil longPressBlock:nil];
//设置点击链点属性
configure.attributes = @{NSForegroundColorAttributeName:GLZRGB(80, 125, 175),
NSFontAttributeName:GLZFONT_SCALE(15)
};
//设置点击高亮属性
configure.activeLinkAttributes = @{NSForegroundColorAttributeName:GLZRGB(80, 125, 175),
NSFontAttributeName:GLZFONT_SCALE(15)
};
//链点自定义参数
configure.parameter = model.diary.brand_name;
//点击回调(也可通过设置self.label.delegate = self代理,返回点击回调事件)
configure.clickLinkBlock = ^(CJLabelLinkModel *linkModel) {
//do something
};
//长按回调
configure.longPressBlock = ^(CJLabelLinkModel *linkModel) {
//do something
};
//设置为可点击链点
configure.isLink = YES;
//设置点击链点
attStr = [CJLabel configureAttrString:attStr
withString:model.diary.brand_name
sameStringEnable:YES
configure:configure];
这里拼接字符时候,手动设置不同字体大小就可以
NSString *telStr = @"15011824510";
NSString *str = [NSString stringWithFormat:@"%@(%@)",nameStr,telStr];
NSDictionary *attribs = @{
NSFontAttributeName:[UIFont systemFontOfSize:13]
};
NSMutableAttributedString *attributedText =
[[NSMutableAttributedString alloc] initWithString:str
attributes:attribs];
self.hostContactL.attributedText = attributedText;
NSRange textRange =[str rangeOfString:telStr];
if(textRange.length>0){
NSDictionary *linkDic = @{
NSForegroundColorAttributeName:[UIColor redColor],/*(字体颜色)*/
NSUnderlineStyleAttributeName:@(NSUnderlineStyleSingle)
};
[self.hostContactL addLinkString:telStr linkAddAttribute:linkDic block:^(CJLinkLabelModel *linkModel) {
[[UIApplication sharedApplication]openURL:[NSURL URLWithString:[NSString stringWithFormat:@"telprompt:%@",telStr]]];
}];
}
检查了半天代码没问题啊,就是下划线出不来。。。。
=========代码片段===============
_label = [[CJLabel alloc]initWithFrame:CGRectMake(10, 10, 250, 100)];
_label.userInteractionEnabled = YES;
_label.extendsLinkTouchArea = YES;
_label.textColor = [UIColor redColor];
NSString *str = @"hello world";
_label.text = str;
[self.view addSubview:_label];
[_label addLinkString:@"hello" linkAddAttribute:@{NSForegroundColorAttributeName:[UIColor blueColor]} block:^(CJLinkLabelModel *linkModel) {
NSLog(@"%@",linkModel.linkString);
}];
=======================