美文网首页android实用
Android全文关键字高亮与关键字点击

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

作者: xiasuhuei321 | 来源:发表于2017-10-26 18:33 被阅读0次

    思路

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

    相关文章

      网友评论

        本文标题:Android全文关键字高亮与关键字点击

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