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

相关推荐
linchare几秒前
[原创]如何排查php-fpm的502报错(SIGSEGV)
android
Data_Journal几秒前
如何将网站数据抓取到 Excel:一步步指南
大数据·开发语言·数据库·人工智能·php
米码收割机7 分钟前
【AI】OpenClaw问题排查
开发语言·数据库·c++·python
¿i?7 分钟前
LinkedList 含iterator写法的理解
java·开发语言
所谓伊人,在水一方3338 分钟前
【Python数据科学实战之路】第10章 | 机器学习基础:从理论到实践的完整入门
开发语言·人工智能·python·机器学习·matplotlib
无风听海9 分钟前
Python之TypeVar深入解析
开发语言·python·typevar
白中白1213812 分钟前
杂七杂八补充系列
开发语言·前端·javascript
佩奇大王13 分钟前
P8 单词分析
java·开发语言
飞Link14 分钟前
概率图模型的基石:隐马可夫模型 (HMM) 深度解析
开发语言·python·算法
PPPPickup16 分钟前
小公司初面---java后端题目
java·开发语言·哈希算法