iOS-YYText实现高亮效果

传送门:YYKit

第一种方法

- (void)viewDidLoad {
    [super viewDidLoad];
    
    CGFloat WIDTH = [UIScreen mainScreen].bounds.size.width;
    NSString *str = @"Some Text, blabla...哈哈啊哈哈哈哈呵《我是协议》呵《我是协议》额呵呵呵呵好的好的好的好的好的好的好的";
    // 1. 创建一个"高亮"属性,当用户点击了高亮区域的文本时,"高亮"属性会替换掉原本的属性
    YYTextBorder *border = [YYTextBorder borderWithFillColor:[UIColor yellowColor] cornerRadius:3];
    
    YYTextHighlight *highlight = [YYTextHighlight highlightWithBackgroundColor:[UIColor redColor]];
    [highlight setColor:[UIColor greenColor]];
    [highlight setBackgroundBorder:border];
//    highlight.tapAction = ^(UIView *containerView, NSAttributedString *text, NSRange range, CGRect rect) {
//        NSLog(@"tap text range:...");
//        // 你也可以把事件回调放到 YYLabel 和 YYTextView 来处理。
//    };
    // 1. 创建一个属性文本
    NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithString:str];
    text.yy_font = [UIFont boldSystemFontOfSize:30];
    text.yy_color = [UIColor blueColor];
    text.yy_lineSpacing = 10;
    NSString *highlightStr = @"《我是协议》";
    NSArray *array = [self rangeOfSubString:highlightStr inString:str];
    for (NSInteger i = 0; i < array.count; i++) {
        NSValue *value = array[i];
        // 2. 把"高亮"属性设置到某个文本范围
        [text yy_setTextHighlight:highlight range:value.rangeValue];
        [text yy_setColor:[UIColor redColor] range:value.rangeValue];
    }
    
    // 3. 赋值到 YYLabel 或 YYTextView
    YYLabel *label = [[YYLabel alloc] init];
    label.numberOfLines = 0;
    label.preferredMaxLayoutWidth = WIDTH-30;
    label.attributedText = text;
    [self.view addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(15);
        make.right.mas_equalTo(-15);
        make.top.mas_equalTo(100);
    }];
    label.textTapAction = ^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) {
        NSLog(@"textTapAction");
    };
}
  • 注意:YYText用masonry布局要想自适应高度就必须设置以下两点
    label.numberOfLines = 0;
    label.preferredMaxLayoutWidth = WIDTH-30;

第二种方法

- (void)viewDidLoad {
    [super viewDidLoad];
    CGFloat WIDTH = [UIScreen mainScreen].bounds.size.width;
    
    NSString *str = @"Some Text, blabla...哈哈啊哈哈哈哈呵《我是协议》呵《我是协议》额呵呵呵呵好的好的好的好的好的好的好的";
    // 1. 创建一个属性文本
    NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithString:str];
    NSString *highlightStr = @"《我是协议》";
    NSArray *array = [self rangeOfSubString:highlightStr inString:str];
    // 2. 为文本设置属性
    text.yy_font = [UIFont boldSystemFontOfSize:30];
    text.yy_color = [UIColor blueColor];
    text.yy_lineSpacing = 10;
    for (NSInteger i = 0; i < array.count; i++) {
        NSValue *value = array[i];
//        [text yy_setColor:[UIColor redColor] range:value.rangeValue];
        [text yy_setTextHighlightRange:value.rangeValue
                  color:[UIColor redColor]
        backgroundColor:[UIColor grayColor]
              tapAction:^(UIView *containerView, NSAttributedString *text, NSRange range, CGRect rect){
                  NSLog(@"tap text range:...");
        }];
    }
    // 3. 赋值到 YYLabel 或 YYTextView
    YYLabel *label = [[YYLabel alloc] init];
    label.numberOfLines = 0;
    label.preferredMaxLayoutWidth = WIDTH-30;
    label.attributedText = text;
    [self.view addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(15);
        make.right.mas_equalTo(-15);
        make.top.mas_equalTo(100);
    }];
//    label.textTapAction = ^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) {
//     NSLog(@"点击了");
//     };
    
}
  • 获取一个字符在字符串中出现的所有位置 返回一个被NSValue包装的NSRange数组
//获取一个字符在字符串中出现的所有位置 返回一个被NSValue包装的NSRange数组
- (NSArray *)rangeOfSubString:(NSString *)subStr inString:(NSString *)string {
    if (subStr == nil && [subStr isEqualToString:@""]) {
        return nil;
    }
    NSMutableArray *rangeArray = [NSMutableArray array];
    NSString *string1 = [string stringByAppendingString:subStr];
    NSString *temp;
    for (int i = 0; i < string.length; i ++) {
        temp = [string1 substringWithRange:NSMakeRange(i, subStr.length)];
        if ([temp isEqualToString:subStr]) {
            NSRange range = {i,subStr.length};
            [rangeArray addObject:[NSValue valueWithRange:range]];
        }
    }
    return rangeArray;
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342