XZ_iOS之UITextView或UITextField实时修改输入的部分文字的颜色(上)

项目开发时，用到了这样一个功能，类似于微博的话题，用户点击的时候，需要插入关键词文本到textView中，并显示成红色，当用户输入的时候，就是黑色字体；

即，两个[]之间的字体为红色。

最终实现效果：

首先，要想实现这种效果，最先想到的是使用富文本NSMutableAttributedString将[]范围内的文字修改为红色；

1>使用正则表达式，匹配所有[]范围的文字的range，将所有[]范围内的文字改为红色；

2>将修改完的文字赋值给textView，修改textView的光标位置；

// 找到所有的关键词，并修改颜色
- (void)findAllKeywordsChangeColor:(UITextView *)textView {
    NSString *string = textView.text;
    // 记录光标位置
    NSRange rangeDefault = textView.selectedRange;
    
    NSMutableAttributedString *attrStr = [[NSMutableAttributedString alloc] initWithString: string];
    
    [attrStr addAttribute:NSForegroundColorAttributeName value:COLOR102 range: NSMakeRange(0, string.length)];
    
    NSString *pattern = @"\\[(.*?)\\]";
    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:pattern options: NSRegularExpressionCaseInsensitive error:nil];
    
    // 匹配所有项
    NSArray *matches = [regex matchesInString:string options:0 range:NSMakeRange(0, string.length)];
    
    NSLog(@"matches ==== %@",matches);
    
    //
    for (int i = 0; i < matches.count; i++) {
        NSTextCheckingResult *result = matches[i];
        NSRange range = [result rangeAtIndex:0];
        NSLog(@"查找合适的位置location：%lu-----%lu",range.location,range.length);
        NSString *subStr = [attrStr.string substringWithRange:range];
        NSUInteger length = subStr.length;
        [attrStr addAttribute:NSForegroundColorAttributeName value:kXZMainBgColor range:NSMakeRange(range.location, length)];
    }
    [attrStr addAttribute:NSFontAttributeName value:self.textEdit.font range:NSMakeRange(0, string.length)];
    self.textEdit.attributedText = attrStr;
    // 恢复光标位置
    NSRange rangeNow = NSMakeRange(rangeDefault.location, 0);
    textView.selectedRange = rangeNow;
}

需要注意的是：在textView中，当输入文字的时候，下一个文字的颜色和字体等属性，是跟随前一个文字的颜色和字体属性进行设置的，所以，在修改完颜色之后，要统一设置一遍textView的文字的字体大小：

[attrStr addAttribute:NSFontAttributeName value:self.textEdit.font range:NSMakeRange(0, string.length)];

实现是可以了，但是，现在是在哪个方法实现这种效果呢，当输入文字的文字改变的时候进行修改，所以就在textViewDidChange代理方法中实现效果。

当我运行查看效果的时候，发现是如下的效果：

在键盘上拼拼音的时候，还没有拼好，拼音就已经进入了输入框，原因是：当我们在拼拼音的时候，textViewDidChange代理方法也是在执行的，只要执行就会把值赋给textView，所以就显示出来了。

解决这个问题的思路是：找到一个点，刚好我拼完拼音，写入的时候，再进行修改和赋值。查找资料发现textView还有联想词这一说法，就是在中文输入的时候，当拼拼音的时候，把一些可能的结果高亮展示出来，所以，我们就在改变颜色赋值之前需要做个判断，判断当前是否联想词的高亮状态，将代码修改为如下：

- (void)textViewDidChange:(UITextView *)textView {

    UITextRange *selectedRange = [textView markedTextRange];
    
    // 获取高亮字符的位置
    UITextPosition *position = [textView positionFromPosition:selectedRange.start offset:0];
    // 如果没有高亮字符,修改颜色赋值
    if (!position) {
        [self findAllKeywordsChangeColor:textView];
    }
}

 

XZ_iOS之UITextView或UITextField实时修改输入的部分文字的颜色(下)

附代码地址，欢迎Star：https://github.com/CoderXAndZ/XZTextView2