Android实现关键字匹配,关键字部分置蓝

做地图开发需求,有一个搜索关键字匹配的需求,需要做到关键字的匹配置蓝的操作

分享一下个人的思考,请各位大佬斧正

1.自定义TextView

Kotlin 复制代码
class HighlightedTextView @JvmOverloads constructor(


    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : AppCompatTextView(context, attrs, defStyleAttr) {
    private  val TAG = "HighlightedTextView"

    private var highlightColor = Color.BLUE
    private var keywords: List<String> = emptyList()
    private var textWords:String = "";



    fun setKeywords(keywords: String,textWords:String) {
        this.textWords = textWords;
        this.keywords = keywords.toList().map { it.toString() }.toMutableList()
        postInvalidate()
    }


    override fun onDraw(canvas: Canvas) {

        val paint = paint
        val originalColor = Color.BLACK


        val lines = textWords.split("\n")

        for (line in lines) {
            val words = line.split("")
            var x = 0f

            for (word in words) {
                if (keywords.any { word.contains(it, ignoreCase = true) }) {
                    paint.color = highlightColor
                } else {
                    paint.color = originalColor
                }
                canvas.drawText(word , x, baseline.toFloat(), paint)
                x += paint.measureText(word)
            }
        }
    }
}

2.XML中调用

这里截取了部分,可以根据需求来修改

XML 复制代码
 <com.cariad.map.view.HighlightedTextView
        android:id="@+id/item_search_name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:paddingRight="24dp"
        android:textStyle="bold"
        android:maxLines="1"
        android:singleLine="true"
        android:text="杭州西湖风景名胜区"
        android:textColor="#000000"
        android:textSize="28sp"
        app:layout_constraintRight_toLeftOf="@id/item_search_result_send"
        app:layout_constraintLeft_toRightOf="@id/item_search_marker_icon"
        app:layout_constraintTop_toTopOf="parent">

</com.cariad.map.view.HighlightedTextView>

3.代码中调用

Kotlin 复制代码
  holder.searchResultName.setKeywords(keywords, result.poiItemV2.title)

4.最终效果

相关推荐
nbsaas-boot9 分钟前
Java 正则表达式白皮书:语法详解、工程实践与常用表达式库
开发语言·python·mysql
chao_78913 分钟前
二分查找篇——搜索旋转排序数组【LeetCode】两次二分查找
开发语言·数据结构·python·算法·leetcode
风无雨41 分钟前
GO 启动 简单服务
开发语言·后端·golang
斯普信专业组1 小时前
Go语言包管理完全指南:从基础到最佳实践
开发语言·后端·golang
coderlin_2 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
我是苏苏2 小时前
C#基础:Winform桌面开发中窗体之间的数据传递
开发语言·c#
2501_915918413 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
斐波娜娜3 小时前
Maven详解
java·开发语言·maven
小码氓3 小时前
Java填充Word模板
java·开发语言·spring·word
暮鹤筠3 小时前
[C语言初阶]操作符
c语言·开发语言