iOS之UITextView部分文字高亮

这里记录下,自己在项目中遇到的问题。首先,需求是这样的:如下图

Paste_Image.png

要求发布一个话题,话题以“#话题#”这个格式显示,后面的文字以正常的的颜色显示。看到这,可能很多小伙伴要说了,这不是很简单嘛。是啊,看着挺简单的。
方法一:可以直接对使用UITextView 的textColor进行设置,但是这是对UITextView的所有text进行颜色设定,所以pass。
方法二:那就是使用富文本了,一般这种需求肯定是使用富文本实现了。于是有了下面的代码:

NSString *topicStr = [NSString stringWithFormat:@"#%@#",@"程序猿的未来出路是什么?"];
self.topicLength = topicStr.length;
NSMutableAttributedString *attributeStr = [[NSMutableAttributedString alloc]initWithString:topicStr];
[attributeStr addAttribute:NSForegroundColorAttributeName value:ZYMainBlueColor range:NSMakeRange(0,self.topicLength)];
_textView.attributedText = attributeStr;

你以为这就完成了吗?呵呵,骚年,你想多了。这时你会惊奇的发现,结果和方法一的结果一样,你以后输入的文字样色也跟随着一起变了,于是你内心瞬间万马奔腾。what?什么鬼?明明已经设置了range,为什么后面输入的还是跟随一起变了?


WHAT?.jpg

于是,你端起了水杯,喝了口水,深吸了口气。小样儿,还治不了你了。于是你开始查看UITextView 的官方文档,寻找它的代理方法,看哪个可用?结果你惊喜的发现跟UITextField类似的代理方法:

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;   // return NO to not change text
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text;

于是你会心一笑,看我不把你给治了。于是,你行云流水般的在代理方法里敲下下面的代码:

NSMutableAttributedString *attributeStr = [[NSMutableAttributedString alloc]initWithString:textView.text];
[attributeStr addAttribute:NSForegroundColorAttributeName value:ZYMainBlueColor range:NSMakeRange(0,self.topicLength)];
[attributeStr addAttribute:NSForegroundColorAttributeName value:[UIColor blackColor] range:NSMakeRange(self.topicLength,textView.text.length-self.topicLength)];
_textView.attributedText = attributeStr;

自己测试了一下,发现问题解决了,后面的文字果然变回去了。

呵呵.gif

然而你会发现新的问题产生了:

惊讶.jpg
bug.gif

小伙伴们看出问题了吗?那就是你的键盘在中文环境下,你每次打的拼音也显示在textView上,然而这并不是我们想要的,你内心想了一下测试看的这时可能的表现,你不禁打了个冷颤,于是下定决心,要解决这个bug。但是你无从下手,于是你想了一下,问题既然是出在这个代理方法下,那么我能不能换个代理方法呢。于是你把UITextView的其他可能的几个代理方法试了一个遍,发现还是不能解决问题。


- (BOOL)textViewShouldBeginEditing:(UITextView *)textView;
- (BOOL)textViewShouldEndEditing:(UITextView *)textView;

- (void)textViewDidBeginEditing:(UITextView *)textView;
- (void)textViewDidEndEditing:(UITextView *)textView;

- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text;
- (void)textViewDidChange:(UITextView *)textView;

- (void)textViewDidChangeSelection:(UITextView *)textView;

这时,你想既然代理问题是出在这个代理实现方式上,那么我能不能换个方式去实现呢,是不是我们已经偏离了原本需求实现的方向呢,既然是先给UITextView设置了富文本属性,后面输入的字符也有了,那么我们能不能把超出话题范围外输入的字符的富文本属性移除呢。于是你百度、谷歌、必应了一下。发现UITextView自带一个属性textStorage继承自NSMutableAttributedString。那么我们能不能对UITextView的这个属性重新设置呢?于是我们写了代码尝试了一下,对话题后面输入的文字的富文本属性进行移除:

- (void)textViewDidChange:(UITextView *)textView
{
    [textView.textStorage removeAttribute:NSForegroundColorAttributeName range:NSMakeRange(self.topicLength, textView.text.length-self.topicLength)];
}

发现问题解决了。perfect!


其实有心的童鞋会发现,对于UITextView而言并不需要单独使用NSMutableAttributedString进行富文本高亮显示。UITextView自带富文本属性,有兴趣的小伙伴可以了解一下NSTextStorage、NSLayoutManager、NSTextContainer这三个类,发现同样可以做到高亮显示。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容

  • Text Kit学习(入门和进阶): http://www.cocoachina.com/industry/201...
    F麦子阅读 3,973评论 1 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,510评论 18 139
  • 现在的我们对过年越来越没有感觉了,为什么呢?这应该是很值得我们关注和思考的一个问题;个人拙见,以前过年是为了穿新衣...
    Sunny仔仔阅读 603评论 0 0
  • 1 记得上高中的时候学过一篇文言文,《邹忌讽齐王纳谏》,相信大家都不陌生。里面的齐国大臣邹忌是个美男子呦。 邹忌修...
    纽扣儿er阅读 367评论 3 3
  • 你在的城市会下雨,可是你永远是自己的小太阳。 告别了一段恋情,初恋,3年,亲手写下告别,因为后来你痴痴又等了2年。...
    萩年年阅读 180评论 0 0