在做Wandroid项目时有一个搜索功能,要在搜索结果中将匹配到的关键词高亮显示。但是 玩安卓API并没有提供颜色的高亮,只有字体斜体,效果看起来并不明显,并且昵称也参与了搜索,但并没有增加HTML标签返回,这就有点美中不足了。因此我们自己动手来做一个。
API返回结果
{
...
"title": "微信在Github开源了Hardcoder,对Android开发者有什么影响?",
...
}
预期效果
实现步骤
因为是支持多关键词搜索(空格分割),所以需要将关键词根据空格分割成一个至多个关键词,只要实现了单关键词的高亮,那么多关键词的高亮自然就不是问题了。
先来看看单关键词的实现步骤:
通过indexOf定位搜索关键词的索引,存在则返回关键词首个字符在整个字符串中的位置,不存在则返回-1
找出索引后截取出包含的关键词以及关键词之前的词+关键词拼接的字符串
将关键词以及关键词之前的词+关键词拼接的字符串保存在MutableList>中
遍历集合,将匹配的词使用带有HTML标签的词替换
HtmlCompat.fromHtml让TextView可识别HTML标签
看上面的实现步骤可能还是会有点懵,没关系,下面来一个一个的梳理清楚。先来看看代码
尽管是单关键词,搜索结果中还是有可能会有包含多个关键词的,比如Wandroid项目采用Kotlin语言编写,kotlin语言真好用(此处的两个kotlin的首字母大小写不一致,是为了验证后面要忽略大小写)就包含2个Kotlin语言。
拿上面的字符串Wandroid项目采用Kotlin语言编写,kotlin语言真好用来举例,搜索单关键词Kotlin语言,使其高亮显示。
// CharSequenceExt.kt
const val emStart = "" // 斜体
const val emEnd = ""
const val fontStart = "" // 字体红色
const val fontEnd = ""
fun CharSequence?.appendHtmlTags(key: String): CharSequence {
val str = "Wandroid项目采用Kotlin语言编写,kotlin语言真好用"
val key = "Kotlin语言" // 需要将后面的"kotlin语言真好用"中的kotlin语言也匹配出来
// Pair
val textArr: MutableList> = mutableListOf()
var searchIndex = 0 // 标记已经匹配过的位置,while循环中的indexOf需要从searchIndex开始,表示不重复匹配已经匹配过的字符串
// 因为有2处可匹配到关键词,所以这里用while循环遍历
while(searchIndex < str.length) { // 匹配到最后一个字符就跳出循环
val index = str.indexOf(key, searchIndex, true) // true表示忽略大小写
if(index != -1) {
// 匹配到了关键词
val keyword = str.substring(index, index + key.length) // 和key一样,只是大小写不一定一样
val text = str.substring(searchIndex, index + key.length)
searchIndex = index + key.length
textArr.add(text to keyword)
} else {
if(searchIndex != str.length) {
// 没匹配到关键词就把str和搜索关键词添加到textArr集合中
textArr.add(str.subString(searchIndex) to key)
}
}
}
val builder = StringBuilder()
textArr.forEach {
builder.append(
if (!it.first.cont