Android SpannableString的变色、点击以及点击后的背景色的问题

开发小知识记录

一段文本分成多段可点击且颜色不一样,实现技巧如下:

kotlin 复制代码
val text = getString(R.string.cancel_account_protocol)
val spannableString = SpannableString(text)

//设置点击前面的字的响应
val clickableSpan1 = object : ClickableSpan() {
override fun onClick(widget: View) {
        //前半部分点击事件
    }
    override fun updateDrawState(ds: TextPaint) {
        ds.color = ContextCompat.getColor(requireActivity(),R.color.color_40black)   //1
        ds.isUnderlineText = false   //2
    }

}
spannableString.setSpan(
    clickableSpan1,
    0,
    text.length - 6,
    Spannable.SPAN_INCLUSIVE_EXCLUSIVE
)

// 设置点击后面的字的响应
val clickableSpan2 = object : ClickableSpan() {
    override fun onClick(widget: View) {
        //后半部分点击事件
    }

    override fun updateDrawState(ds: TextPaint) {
        ds.color = ContextCompat.getColor(requireActivity(),R.color.color_07c160)
        ds.isUnderlineText = false
    }
}
spannableString.setSpan(
    clickableSpan2,
    text.length - 6,
    text.length,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

binding.tvProtocol.movementMethod = LinkMovementMethod.getInstance()   //3
binding.tvProtocol.text = spannableString  
binding.tvProtocol.highlightColor = ContextCompat.getColor(requireActivity(),android.R.color.transparent)   //4

注意点一:

变色不是通过ForegroundColorSpan实现的,而是注释1处实现的

注意点二:

去除下划线是重写updateDrawState方法,将isUnderlineText设置为false实现的,见注释2处。

注意点三:

ClickableSpan点击会有选中背景的效果,如果想要清除需要设置TextView的highlightColor为透明色,代码中注释4处。最后不要忘记在设置spannableString之前设置LinkMovementMethod.getInstance(),见注释3处。

看一段具体的UI效果:

相关推荐
钛态2 小时前
Flutter 三方库 http_mock_adapter — 赋能鸿蒙应用开发的高效率网络接口 Mock 与自动化测试注入引擎(适配鸿蒙 HarmonyOS Next ohos)
android·网络协议·flutter·http·华为·中间件·harmonyos
王码码20352 小时前
Flutter for OpenHarmony:Flutter 三方库 algoliasearch 毫秒级云端搜索体验(云原生搜索引擎)
android·前端·git·flutter·搜索引擎·云原生·harmonyos
左手厨刀右手茼蒿2 小时前
Flutter for OpenHarmony: Flutter 三方库 shamsi_date 助力鸿蒙应用精准适配波斯历法(中东出海必备)
android·flutter·ui·华为·自动化·harmonyos
代码飞天3 小时前
wireshark的高级使用
android·java·wireshark
2501_915918414 小时前
苹果App Store上架审核卡住原因分析与解决方案指南
android·ios·小程序·https·uni-app·iphone·webview
skiy4 小时前
MySQL Workbench菜单汉化为中文
android·数据库·mysql
小小小点5 小时前
Android四大常用布局详解与实战
android
MinQ6 小时前
binder和socket区别及原理
android
Ehtan_Zheng6 小时前
Jetpack Compose 中绘制发光边框的多种方式
android
智塑未来6 小时前
像素蛋糕安卓版 AI 专业修图全场景输出高清成片
android·人工智能