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.最终效果

相关推荐
小小小米粒23 分钟前
Collection单列集合、Map(Key - Value)双列集合,多继承实现。
java·开发语言·windows
czhc11400756631 小时前
C# 428 线程、异步
开发语言·c#
:1211 小时前
java基础
java·开发语言
SilentSamsara2 小时前
Python 环境搭建完整指南:从下载安装到运行第一个程序
开发语言·python
小短腿的代码世界2 小时前
Qt文件系统与IO深度解析:从QFile到异步文件操作
开发语言·qt
_李小白3 小时前
【android opencv学习笔记】Day 2: Mat类(图片数据结构体)
android·opencv·学习
harder3214 小时前
RMP模式的创新突破
开发语言·学习·ios·swift·策略模式
jinanwuhuaguo4 小时前
OpenClaw工程解剖——RAG、向量织构与“记忆宫殿”的索引拓扑学(第十三篇)
android·开发语言·人工智能·kotlin·拓扑学·openclaw
Rust研习社4 小时前
使用 Axum 构建高性能异步 Web 服务
开发语言·前端·网络·后端·http·rust
淘矿人5 小时前
从0到1:用Claude启动你的第一个项目
开发语言·人工智能·git·python·github·php·pygame