首页 > 代码库 > 高亮显示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中的子串