字符点击效果实现——YYLabel和YYTextHighlight

我不是女神ヾ 2023-06-27 03:12 5阅读 0赞

在字符串中，指定某字符子串的交互效果，使用YYLabel和YYTextHighlight进行设置NSAttributedString来实现。

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70]

代码示例

实例化YYLabel

YYLabel *label = [[YYLabel alloc] initWithFrame:CGRectMake(10, 10, (self.view.frame.size.width - 20), 100)];
    [self.view addSubview:label];
    label.backgroundColor = [UIColor colorWithWhite:0 alpha:0.3];
    label.numberOfLines = 0;

实例化字符NSAttributedString

NSString *string = @"我已阅读并同意服务平台相关协议和条款《用户服务协议》《法律声明》";
    NSMutableAttributedString *attributed = [[NSMutableAttributedString alloc] initWithString:string];
    
    [attributed setAttribute:NSForegroundColorAttributeName value:UIColor.blueColor range:[string rangeOfString:@"《用户服务协议》"]];
    [attributed setAttribute:NSForegroundColorAttributeName value:UIColor.systemPinkColor range:[string rangeOfString:@"《法律声明》"]];

实例化YYTextHighlight

YYTextHighlight *protocolHightlight = [[YYTextHighlight alloc] init];
    protocolHightlight.userInfo = @{ @"协议":@"《用户服务协议》"};
    [protocolHightlight setColor:UIColor.orangeColor];
    [attributed setTextHighlight:protocolHightlight range:[string rangeOfString:@"《用户服务协议》"]];
        
    YYTextHighlight *layHightlight = [[YYTextHighlight alloc] init];
    layHightlight.userInfo = @{ @"声明":@"《法律声明》"};
    [layHightlight setColor:UIColor.yellowColor];
    YYTextShadow *layShadow = [YYTextShadow new];
    layShadow.color = UIColor.greenColor;
    layShadow.radius = 5;
    [layHightlight setShadow:layShadow];
    [attributed setTextHighlight:layHightlight range:[string rangeOfString:@"《法律声明》"]];

attributed.lineSpacing = 3;
    attributed.paragraphSpacing = 5;
    label.attributedText = attributed;

点击效果

label.highlightTapAction = ^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) { 
            NSLog(@"%@, %@, %@, %@", containerView, text.string, NSStringFromRange(range), NSStringFromCGRect(rect));
            NSString *string = [text.string substringWithRange:range];
            NSLog(@"\n %@", string);
    };

交互结果

2020-01-02 13:52:16.276939+0800 DemoLabelClick[2705:120197] <YYLabel: 0x7f85eb7140b0; frame = (10 10; 394 100); text = '我已阅读并同意服务平台相关协议和条款《用户服务协议...'; opaque = NO; layer = <YYAsyncLayer: 0x600003dae190>>, 我已阅读并同意服务平台相关协议和条款《用户服务协议》《法律声明》, { 18, 8}, { { 216, 41.280000000000001}, { 96, 16.799999999999997}}
    2020-01-02 13:52:16.277114+0800 DemoLabelClick[2705:120197] 
     《用户服务协议》
    
    2020-01-02 13:52:25.209562+0800 DemoLabelClick[2705:120197] <YYLabel: 0x7f85eb7140b0; frame = (10 10; 394 100); text = '我已阅读并同意服务平台相关协议和条款《用户服务协议...'; opaque = NO; layer = <YYAsyncLayer: 0x600003dae190>>, 我已阅读并同意服务平台相关协议和条款《用户服务协议》《法律声明》, { 26, 6}, { { 312, 41.280000000000001}, { 72, 16.799999999999997}}
    2020-01-02 13:52:25.209751+0800 DemoLabelClick[2705:120197] 
     《法律声明》

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200102140016648.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg==,size_16,color_FFFFFF,t_70