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效果:

相关推荐
聚美智数3 分钟前
手机号归属地-手机号归属地查询-手机归属地-运营商归属地
android·智能手机
恋猫de小郭5 分钟前
Shopify 从 React Native 回到 Swift/Kotlin,但是你以为有手就行??
android·前端·ios
菠萝加点糖20 分钟前
Android ChipGroup 使用说明
android
我命由我123451 小时前
Android Compose 开发,使用 ConstraintLayout,但是引入的是旧的 ConstraintLayout
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
小鱼干..1 小时前
http://101.43.154.45:60083/start/index.php?page=hello
android
hai_android1 小时前
Android WorkManager 笔记
android·java
Android打工仔1 小时前
不要再把 Flow 当作一个容器
android·kotlin
我命由我123452 小时前
Android 开发问题:android.permission.CAMERA...duplicated with element declared at
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
parade岁月2 小时前
倒反天罡!押注 React Native 6 年后,Shopify 又回到了原生开发
android·前端·ios
邪修king2 小时前
MySQL 数据库(三):表级操作实战:增删查改全实例演示 + 企业实操红线规范
android·数据库·mysql