美文网首页iOS
iOS之UITextView部分文字高亮

iOS之UITextView部分文字高亮

作者: brilliance_Liu | 来源:发表于2016-11-04 14:15 被阅读925次

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

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

    相关文章

      网友评论

        本文标题:iOS之UITextView部分文字高亮

        本文链接:https://www.haomeiwen.com/subject/fvtwuttx.html