思路
因为自己看过很多杂七杂八的东西,所以知道 TextView 本身可以解析一些 html 的标签,而且 Span String 可以花式实现各种样式。这里采用 Span String 的方式实现。实现这个需求的难点在哪呢?刚开始在我看来就是实现关键字匹配,刚开始想用 spilt
方法直接分割自己添加 keyword 取巧,后来细想不行,不是所有的输入都能完成,多个关键字这种方式太复杂。没办法,想起以前学过的 kmp 算法,打开了个网页准备开撸了,忽然想到搜一下全文关键字匹配,很容易的就搜到了 Java 中对应的 API ,搜索也是需要技巧的……不能太过于想当然了。效果图:
实现
实现过程还算顺利,不多 BB 直接放代码:
package com.xiasuhuei321.forspanstring;
import android.text.SpannableString;
import android.text.SpannableStringBuilder;
import android.text.Spanned;
import android.text.TextPaint;
import android.text.TextUtils;
import android.text.style.ClickableSpan;
import android.text.style.ForegroundColorSpan;
import android.view.View;
import java.util.List;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
/**
* Created by xiasuhuei321 on 2017/10/26.
* author:luo
* e-mail:xiasuhuei321@163.com
*
* desc:本类提供了几种给字符串添加颜色、点击事件的方法
*/
public class RichTextUtil {
/**
* 获取带颜色的文本,设定关键字颜色,这里只接受一个关键字,并且没有点击事件
*
* @param originText 原始文本
* @param keyword 需要颜色的文字
* @param color 颜色
* @return CharSequence 处理后的文字
*/
public static CharSequence getColorString(String originText, String keyword, int color) {
return getColorString(originText, keyword, color, null);
}
/**
* 获取带颜色的文本,将给定的元是字符串
*
* @param originText 原始文本
* @param keyword 关键字
* @param color 颜色
* @param listener 点击关键字的监听回调,可空
* @return
*/
public static CharSequence getColorString(String originText, String keyword, int color,
final View.OnClickListener listener) {
SpannableString s = new SpannableString(originText);
Pattern p = Pattern.compile(keyword);
Matcher m = p.matcher(s);
while (m.find()) {
int start = m.start();
int end = m.end();
s.setSpan(new ForegroundColorSpan(color), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
if (listener != null) {
s.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
listener.onClick(widget);
}
@Override
public void updateDrawState(TextPaint ds) {
ds.setColor(color);
ds.setUnderlineText(false);
}
}, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
return s;
}
public static CharSequence getColorString(String originText, List<String> keywords,
Map<String, Integer> colorMap) {
return getColorString(originText, keywords, colorMap, null);
}
public static CharSequence getColorString(String originText, List<String> keywords,
final Map<String, Integer> colorMap, Map<String, View.OnClickListener> listenerMap) {
SpannableString s = new SpannableString(originText);
for (int i = 0; i < keywords.size(); i++) {
final String keyword = keywords.get(i);
Pattern p = Pattern.compile(keyword);
Matcher m = p.matcher(s);
while (m.find()) {
int start = m.start();
int end = m.end();
s.setSpan(new ForegroundColorSpan(colorMap.get(keyword)), start, end,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
if (listenerMap != null) {
final View.OnClickListener listener = listenerMap.get(keyword);
if (listener != null) {
s.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
listener.onClick(widget);
}
@Override
public void updateDrawState(TextPaint ds) {
ds.setColor(colorMap.get(keyword));
ds.setUnderlineText(false);
}
}, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
}
}
return s;
}
private SpannableStringBuilder builder = null;
/**
* 拼接出特殊的文字,可以选择加入颜色和点击事件
*
* @param str 加入的文字
* @return 本对象
*/
public RichTextUtil append(String str) {
return append(str, -1, null);
}
/**
* 拼接出特殊的文字,可以选择加入颜色和点击事件
*
* @param str 加入的文字
* @param color 颜色
* @return 本对象
*/
public RichTextUtil append(String str, int color) {
return append(str, color, null);
}
/**
* 拼接出特殊的文字,可以选择加入颜色和点击事件
*
* @param str 加入的文字
* @param color 颜色
* @param listener 点击事件
* @return 本对象
*/
public RichTextUtil append(String str, int color, View.OnClickListener listener) {
if (TextUtils.isEmpty(builder)) {
builder = new SpannableStringBuilder();
}
if (TextUtils.isEmpty(str)) {
BlackgagaLogger.debug("传入的str为 null!请检查!");
return null;
}
if (color == -1) {
builder.append(str);
return this;
}
SpannableString span = new SpannableString(str);
span.setSpan(new ForegroundColorSpan(color), 0, str.length(),
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
if (listener != null) {
span.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
listener.onClick(widget);
}
@Override
public void updateDrawState(TextPaint ds) {
ds.setColor(color);
ds.setUnderlineText(false);
}
}, 0, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
builder.append(span);
return this;
}
public SpannableStringBuilder finish() {
return builder;
}
}
上面用了 View.OnClickListener 来传递事件,因为我发现同一个 ClickableSpan 给多个 Span 设置的时候只有第一个点击事件是有效的。又不想自己多加一个接口,就用了 Android 里现成的接口了。最后要注意一下,一定要设置:
textView.setMovementMethod(LinkMovementMethod.getInstance());
不然无法响应点击事件。
主要提供了两大类 api,一类是直接传入全文和所有的关键字,以及关键字对应的点击事件和颜色值。这类使用起来的构造也是比较麻烦的,而且如果碰到指定部分关键字高亮,而另外一些匹配的不高亮(比如匹配数字,很有可能一些数字中包含了你的数字关键字,但问题是你不想让这部分高亮),实现起来就更麻烦了。所以又添加了一类 api 类似 StringBuilder 的方法,自己从零开始构造一个 SpannableStringBuilder,而这个类是 CharSequence 的子类,TextView 可以直接设置。