Android全文关键字高亮与关键字点击

思路

因为自己看过很多杂七杂八的东西,所以知道 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 可以直接设置。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,566评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,099评论 18 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,199评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,612评论 4 59
  • 恋爱不是为了和他长相厮守,而是为了能找到可以长相厮守的他
    er二宝贝阅读 250评论 0 0