android 仿支付宝搜索,Android 仿支付宝搜索结果页，字符串部分文字显示高亮

墨蓝 2022-10-05 04:43 162阅读 0赞

Android 仿支付宝搜索结果页，字符串部分文字显示高亮

Android 仿支付宝搜索结果页，字符串部分文字显示高亮

最近收到一个需求就是，搜索的关键词，在搜索结果页的搜索条目上高亮显示。类似于支付宝搜索结果页的效果。

先来看一下效果如下图：

![211367.html][]

![9edb2533366f07e018faab3b602e7b7f.png][]

![211367.html][]

经过一番思虑之后，感觉还是比较简单的，直接上代码

/\*\*

\* 字符串高亮显示部分文字

\* @param textView 控件

\* @param str1 要高亮显示的文字(输入的关键词)

\* @param str2 包含高亮文字的字符串

\*/

private void setTextHighLight(TextView textView, String str1, String str2) \{

SpannableString sp = new SpannableString(str2);

// 遍历要显示的文字

for (int i = 0 ; i < str1.length() ; i ++)\{

// 得到单个文字

String s1 = str1.charAt(i) + "";

// 判断字符串是否包含高亮显示的文字

if (str2.contains(s1))\{

// 查找文字在字符串的下标

int index = str2.indexOf(s1);

// 循环查找字符串中所有该文字并高亮显示

while (index != -1) \{

ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("\#db384c"));

sp.setSpan(colorSpan, index, index + 1, Spanned.SPAN\_INCLUSIVE\_EXCLUSIVE);

// s1从这个索引往后开始第一个出现的位置

index = str2.indexOf(s1, index + 1);

\}

\}

\}

// 设置控件

textView.setText(sp);

\}

为了能很好的理解代码，代码的关键位置的注释还是比较多的，就不多用文字解释了。

代码并不是很完善，根据不同的需求，可能还需要考虑中文、英文、中文字符、以及英文字符的过滤，如果有这方面的需求可以在网络上搜索一下相关的功能实现，相关介绍还是比较多的。

补充一：

TextView设置高亮，有多种实现方式，通过HTML，SpannableString都可以实现。还有待总结，先把遇到的情况就下来

通过正则来过滤关键字，设置高亮。主要通过两个类Pattern和Matcher具体代码如下

/\*\*

\* TextView 显示高亮

\* @param view

\* @param str1 要高亮显示的文字(输入的关键词)

\* @param str2 包含高亮文字的字符串

\*/

private void initHighLight(TextView view, String str1, String str2) \{

textView = (TextView) findViewById(R.id.textView);

SpannableString sp = new SpannableString(str2);

for (int i = 0 ; i < str1.length() ; i++)\{

String s = String.valueOf(str1.charAt(i));

// 正则匹配

Pattern p = Pattern.compile(s);

Matcher m = p.matcher(sp);

// 查找下一个

while (m.find()) \{

// 字符开始下标

int start = m.start();

// 字符结束下标

int end = m.end();

// 设置高亮

sp.setSpan(new ForegroundColorSpan(Color.RED), start, end, Spanned.SPAN\_EXCLUSIVE\_EXCLUSIVE);

\}

\}

view.setText(sp);

\}

Android 仿支付宝搜索结果页，字符串部分文字显示高亮相关教程

[211367.html]: /images/20221005/b6ca4123f8064130954324ff5c1641b3.png
[9edb2533366f07e018faab3b602e7b7f.png]: /images/20221005/4f39869e4ada401982a708845ad87fa4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 支付宝支付

1、导入依赖 //支付宝支付 //https://opendocs.alipay.com/open/204/105296 impl

╰半夏微凉°/ 2024年02月27日 05:50/ 0 赞/ 66 阅读

相关 Android仿支付宝咻一咻动画

Android特效专辑（十二）——仿支付宝咻一咻功能实现波纹扩散特效，精细小巧的View -------------------- > 先来看看这个效果 ![这里写图

Dear 丶/ 2024年02月17日 17:55/ 0 赞/ 52 阅读

相关 Android 微信支付&支付宝支付

由于项目需求,加入这2个功能记录一些需要注意的地方一.微信支付微信支付在2016年4月份左右稍微调整了一下支付过程,但是文档却没怎么更新,这也是百度上为什么那么多

た入场券/ 2023年10月10日 08:03/ 0 赞/ 32 阅读

相关 android 支付宝登录界面,模仿支付宝登录页的实现（android）

先看看支付宝登录页面长什么模样 ![e96433c34412f8d627231c0d9bdd46ec.png][] 首先看见图先分析登录页面所需要的元素——需要一

╰半夏微凉°/ 2022年10月17日 11:19/ 0 赞/ 393 阅读

相关 android 仿支付宝搜索,Android 仿支付宝搜索结果页，字符串部分文字显示高亮

Android 仿支付宝搜索结果页，字符串部分文字显示高亮 Android 仿支付宝搜索结果页，字符串部分文字显示高亮最近收到一个需求就是，搜索的关键词，在搜索结果页的搜

墨蓝/ 2022年10月05日 04:43/ 0 赞/ 163 阅读

相关 Android封装支付宝支付

[转载：Android封装支付宝支付][Android] 在做Android支付的时候肯定会用到支付宝支付，根据官方给出的demo做起来非常费劲，所以我们需要一次简单的封装

矫情吗；*/ 2022年08月21日 07:53/ 0 赞/ 284 阅读

相关【android】仿支付宝金额千分位格式化

格式化double，进行千分位分组，并保留最后两位小数，因为是金额，所以绝对不能四舍五入，效果如下： ![Center][] 此处不能使用单纯的String.format来

﹏ヽ暗。殇╰゛Y/ 2022年06月12日 00:48/ 0 赞/ 471 阅读

相关 iOS 仿支付宝密码支付

> 代码地址如下： > [http://www.demodashi.com/demo/11484.html][http_www.demodashi.com_demo_114

超、凢脫俗/ 2022年05月30日 03:07/ 0 赞/ 300 阅读

相关仿支付宝滑动验证码案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8

妖狐艹你老母/ 2022年05月24日 13:42/ 0 赞/ 226 阅读

相关 Android 集成支付宝支付

前面的步骤查看[https://blog.csdn.net/sunshine\_0707/article/details/85272568][https_blog.csdn.n

桃扇骨/ 2021年10月19日 06:14/ 0 赞/ 663 阅读