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

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

效果图

代码示例

实例化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] 《法律声明》

字符点击效果实现——YYLabel和YYTextHighlight相关推荐

博客园自定义页面风格设计后续篇(页面设计模式及代码高亮鼠标点击效果升级)...
前言在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
android特效按钮点击效果
2019独角兽企业重金招聘Python工程师标准>>> android特效按钮点击效果,动画从里到外渐变放大散花效果,本例子适合做一些特效的app使用, 使用很简单,直接可以把里面代 ...
AndroidRichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）...
代码地址:https://github.com/Luction/AndroidRichText AndroidRichText帮助实现像QQ,微信一样的,一个TextView里既有文字又有表情又有图片 ...
用shape结合selector实现点击效果
<span style="font-family:Arial, Helvetica, sans-serif;font-size:18px;background-color: rgb(2 ...
jquery 手型鼠标穿过时_JS实现的鼠标跟随代码(卡通手型点击效果)
本文实例讲述了JS实现带有小手点击效果的鼠标跟随代码.分享给大家供大家参考,具体如下: 一个跟随鼠标的小手效果,鼠标移在哪里,小手就跟着移向哪里,会出现手的效果,放在链接上的时候,手会变化,两只手很可 ...
vue图片点击超链接_vue使用v-for实现hover点击效果
使用Vue来实现鼠标悬停效果.可以使用事件处理器v-on指令(简写为:@)来完成.为标签绑定mouseenter以及mouseleave事件即可. hover是css中的选择器,用于选择鼠标指针浮动在 ...
UItableView的一些特殊点击效果
UItableView是iOS常用控件之一,我们也经常会用它来展示数据:那么就不可避免会对UItableView有点击,左右滑动等操作,接着就会有操作的效果.哇啦哇啦一大堆就不展示了,直接上代码说下选 ...
Android ViewGroup点击效果（背景色）
在开发Android应用的界面时,我们必然会用到本文ViewGroup,尤其是FrameLayout,LinearLayout,RelativeLayout等ViewGroup的子类: 在一些情况下, ...
表单文本框提示字符点击时清空
表单文本框提示字符点击时清空(input标签onfocus时文本框内提示信息清空) 作用是,一个文本框,需要输入内容,在没有输入的时候里面有一段提示内容,当点击这个文本框输入的时候,文本框内的内容自动 ...
Android之给ImageView添加点击效果
1 问题给ImageView添加点击效果 2 解决办法 1).新建selector.xml文件 <?xml version="1.0" encoding="utf ...

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

字符点击效果实现——YYLabel和YYTextHighlight相关推荐

最新文章

热门文章