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这三个类，发现同样可以做到高亮显示。