STTweetLabel 入门教程：如何用 detectionBlock 回调实现类 Twitter 的点击交互

STTweetLabel 入门教程如何用 detectionBlock 回调实现类 Twitter 的点击交互【免费下载链接】STTweetLabelDeprecated - A UILabel with #hashtag handle and links tappable项目地址: https://gitcode.com/gh_mirrors/st/STTweetLabelSTTweetLabel 是一款经典的 iOS 开源组件它让 UILabel 文本中的 #话题标签Hashtag、用户名Handle和网页链接像 Twitter 那样可点击。通过一个 detectionBlock 回调你就能捕获用户的每一次点击轻松实现类 Twitter 的点击交互效果。本文面向 iOS 新手用最少的代码带你快速掌握 STTweetLabel 的安装、用法与自定义技巧看完即可上手。 STTweetLabel 是什么iOS 上的可点击文本标签STTweetLabel 本质上是 UILabel 的子类但它内置了强大的文本解析能力会自动识别文本中的三种热词热词类型表现形式枚举值话题标签#iPhone、#iOS7STTweetHashtag用户名you、SebThiebaudSTTweetHandle网页链接https://t.co/pQXDoiYASTTweetLink你只需要设置文本剩下的识别工作全部由组件完成。内部基于 TextKit 实现3.0 版本起文字排版和点击命中都相当精确完整实现可以参考源码STTweetLabel/STTweetLabel.m。 快速上手3 步实现可点击的类 Twitter 文本整个接入过程只需要三步非常适合新手快速验证效果。第一步STTweetLabel 的安装方法最简单的方式是使用 CocoaPods在 Podfile 中加入一行pod STTweetLabel如果想直接看源码也可以拉取完整工程含示例 Demo来对照学习git clone https://gitcode.com/gh_mirrors/st/STTweetLabel第二步创建 STTweetLabel 并设置文本像使用普通 UILabel 一样创建并添加视图把含#、和链接的文本传进去即可STTweetLabel *tweetLabel [[STTweetLabel alloc] initWithFrame:CGRectMake(10, 60, 300, 160)]; tweetLabel.text Hi. This is a new tool for you! Developed by SebThiebaud for #iPhone #ObjC and #iOS7 ;-) My GitHub page: https://t.co/pQXDoiYA; [self.view addSubview:tweetLabel];此时文本中的热词已经自动高亮但还点不动——因为还差最关键的一步。第三步用 detectionBlock 回调响应点击detectionBlock 是 STTweetLabel 的灵魂。不设置它点击不会产生任何效果设置它之后用户的每一次热词点击都会被回调捕获[tweetLabel setDetectionBlock:^(STTweetHotWord hotWord, NSString *string, NSString *protocol, NSRange range) { // 在这里处理点击事件 }];到这一步类 Twitter 的点击交互就已经打通了接下来看看回调里能拿到哪些信息。 detectionBlock 回调参数详解4 个参数一次看懂很多新手卡在不知道该从回调里拿什么其实 4 个参数非常直观参数类型含义hotWordSTTweetHotWord点击类型STTweetHandle、STTweetHashtag、STTweetLinkstringNSString被点击热词的完整文本如SebThiebaud、#iOS7protocolNSString仅链接有效返回协议名如http、httpsrangeNSRange热词在原始文本中的位置范围结合示例工程STTweetLabelExample/STTweetLabelExample/STViewController.m里的写法我们可以把点击信息展示出来self.tweetLabel.detectionBlock ^(STTweetHotWord hotWord, NSString *string, NSString *protocol, NSRange range) { NSArray *hotWords [Handle, Hashtag, Link]; NSLog(点击了%%位置 [%d,%d]协议%, hotWords[hotWord], string, (int)range.location, (int)range.length, protocol); };真实场景点击后该做什么拿到类型和文本后就可以按业务需求分发点击STTweetHandle→ 跳转到对应用户主页点击STTweetHashtag→ 进入话题搜索页面点击STTweetLink→ 用 Safari 或 WebView 打开链接 自定义样式让 用户、#话题和链接各有配色默认配色可能不够美观STTweetLabel 提供了setAttributes:hotWord:方法可以针对每类热词单独设置样式// 普通文本样式 [tweetLabel setAttributes:{NSForegroundColorAttributeName: [UIColor darkTextColor]}]; // 链接显示为蓝色 [tweetLabel setAttributes:{NSForegroundColorAttributeName: [UIColor blueColor]} hotWord:STTweetLink]; // 用户显示为主题色 [tweetLabel setAttributes:{NSForegroundColorAttributeName: [UIColor orangeColor]} hotWord:STTweetHandle];需要提醒的是setAttributes会触发组件刷新重绘建议只在初始化阶段设置不要在运行中频繁调用。完整的属性接口可以查看头文件STTweetLabel/STTweetLabel.h。⚙️ 更多实用属性选择、方向与协议控制除了点击和样式STTweetLabel 还提供了一些提升体验的开关属性作用validProtocols允许识别的协议列表默认[http, https]leftToRight书写方向默认YES支持阿拉伯文等 RTL 场景textSelectable是否允许长按选择文本默认YESselectionColor文本选择时的背景高亮色例如只想识别https链接或者关掉文本选择功能只需一两行代码即可搞定。⚠️ 使用注意事项该项目已在 README 中标记为Deprecated不再维护适合学习原理或维护老项目新项目建议评估替代方案3.0 版本起基于 TextKit 实现仅支持 iOS 7 及以上系统一定要设置 detectionBlock否则热词虽然高亮但无法响应点击长文本自动换行后可通过suggestedFrameSizeToFitEntireStringConstrainedToWidth:方法计算合适的高度避免文字被截断总的来说STTweetLabel 用极简的 API 把识别 高亮 点击回调三件事打包完成非常适合新手理解 UILabel 自定义与文本交互的实现思路。动手跑一遍官方示例工程你会对 detectionBlock 回调有更直观的感受。【免费下载链接】STTweetLabelDeprecated - A UILabel with #hashtag handle and links tappable项目地址: https://gitcode.com/gh_mirrors/st/STTweetLabel创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考