首页 > 代码库 > 高亮显示UILabel中的子串
高亮显示UILabel中的子串
I. 用户在搜索框中,输入关键字进行检索时,APP对搜索结果进行显示,有以下两种情况:
1. 匹配一次,如检索关键字为人名
这种情况,实现比较容易。写一个UILabel的category, 用rangeOfString这个方法找到需要高亮的range, 最后设置attributedString便搞定。源码如下:
- (void)highlightString:(NSString *)str
{
if (self.text.length <= 0 || str.length <= 0) {
return;
}
NSString *scopeStr = self.text;
NSRange range = [scopeStr rangeOfString:str options:NSCaseInsensitiveSearch];
//color
NSMutableAttributedString *attributedStr = [[NSMutableAttributedString alloc] initWithString:scopeStr];
[attributedStr addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:range];
[self setAttributedText:attributedStr];
}
highlight的颜色可以改成你想要的任意色,我当前指定为蓝色。
或者你可以在此link下,查看源码。
2. 匹配次数为n次,一般此时检索结果为后台返回,如每日进行google search时,高亮显示所有匹配关键字(完全匹配关键字场景)
假定场景服务器返回子串类似于此:
eg: xxxx<em>xxxx</em>xxxxx<em>xxxx</em>xxxxx<em>xxxx</em>xxxxx ---> originStr
起始标识: <em> ---> beginTag
结束标识: </em> ---> endTag
目的:高亮在<em>和</em>中间部分的子串
中间关键变量定于:
1. tagArr: array of NSRange, 用于标识出originStr中所有成对出现的beginTag和endTag讯息
2. strArr: array of NSRange, 最终画在label上的string
3. colorArr: array of NSRange, 标识所有高亮位置
关键问题是:如何高效算出tagArr?
我目前做法是:从originStr的index=0开始成对找第一对的beginTag和endTag信息,然后将index赋值到第一个endTag的位置找第二对,以此类推。
具体源码大家查看此link,因为代码较多,不方便黏贴下来。这个功能实现是没有问题的,因为我在项目中便是用此方法实现的,但其存在优化空间。
II. highlight字符串基础上延伸至RichText
1. 类似于微信,在聊天对话框中显示表情
open source link : https://github.com/molon/MLEmojiLabel
我reveiw其源码出发点有两个:
a. 如何找到所有表情位置?
起初我想看看它用到什么算法,可以有助于我优化I.2中的问题。不过,此处用正则表达式来找到所有表情的位置信息的。
查看MLEmojiLabel.m中此方法: - mutableAttributeStringWithEmojiText:
---> kSlashEmojiRegularExpression() ---> @"/:[\\x21-\\x2E\\x30-\\x7E]{1,8}" ---> 此正则表达式TBD(TO BE Discussed)?
另: 表情与icon的对应,用plist进行存储。
eg: key : value
/:eat : Expression_b2 (icon‘s name)
b. expression icon如何绘制到label上?
查看MLEmojiLabel.m中此方法: - drawOtherForEndWithFrame:inRect: context: , 其中都是使用CoreText实现的。
2. TTTAttributedLabel for RichText
link : https://github.com/TTTAttributedLabel/TTTAttributedLabel
TTTAttributedLabel算是RichText比较常用的开源库了,MLEmojiLabel便是继承这个类的。它基本实现我们对富文本的一般操作,而不需要用到CoreText。比如:显示link,号码等等,以及对应的一些touch事件。可以用CoacoPods导入。顺便题外一下CoacoPods这个工具,用它检索好得ios开源项目,真心不错,因为这个平台已经帮我们过滤一遍了。
高亮显示UILabel中的子串