Android中TextView作为最常用的组件, 常常有很多特殊的需求,例如:嵌入图标、部分文字可点击,点击链接等,这些需求都可以通过Span来实现。
| 类 | 功能 |
|---|---|
| BackgroundColorSpan | 更改文本的背景颜色 |
| ClickableSpan | 可以点击的字段 |
| ForegroundColorSpan | 修改文字颜色 |
| MaskFilterSpan | 可以通过MaskFilter修改文字透明度、浮雕等 |
| MetricAffectingSpan | 修改文字的宽高等 |
| StrikethroughSpan | 文字划线 |
| StrikethroughSpan | 双击文字显示建议 |
| UnderlineSpan | 文字下划线 |
| AbsoluteSizeSpan | 修改文字大小 |
| DynamicDrawableSpan | 替换选择的字段为Drawable |
| ImageSpan | 替换选择的字段为Drawable(DynamicDrawableSpan子类) |
| LocaleSpan | 修改文字的地区Locale |
| RelativeSizeSpan | 按比例缩放文字 |
| ReplacementSpan | |
| ScaleXSpan | 水平缩放文字大小 |
| StyleSpan | 设置文字的Style |
| SubscriptSpan | 向下移动文字基线 |
| SuperscriptSpan | 向上移动文字的基线 |
| TextAppearanceSpan | 设置文字外观 |
| TextLinks.TextLinkSpan | 可点击的文字链接 |
| TypefaceSpan | 修改文字字体 |
| URLSpan | 设置可点击url链接 |
上面就是系统提供的所有可用的Span类。下面就来解决上面提出的两个问题。
1.文字中添加图片
这种方式的实现主要是利用ImageSpan
val spannableString = SpannableString("img这是一张图片")
getDrawable(this, R.mipmap.ic_launcher)?.let {
it.setBounds(0, 0, 100, 100)
val dynamicDrawableSpan =
ImageSpan(it, ImageSpan.ALIGN_BOTTOM)
spannableString.setSpan(dynamicDrawableSpan, 0, 3 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
val subscriptSpan = SubscriptSpan()
spannableString.setSpan(subscriptSpan, 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
tv.setText(spannableString)
}
代码中不是使用了ImageSpan,同时使用了SubscriptSpan,主要是为了,调整图片的位置,实现类似居中的效果,在实际开发中可以通过,SubscriptSpan、SuperscriptSpan,来调整图片的位置。
2、文字可点击
val spannableString = SpannableString("你好,再见")
val dynamicDrawableSpan =
object : ClickableSpan() {
override fun onClick(widget: View) {
Toast.makeText(widget.context, "点击你好", Toast.LENGTH_SHORT).show()
}
}
spannableString.setSpan(dynamicDrawableSpan, 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
tv.text = spannableString
tv.movementMethod = LinkMovementMethod.getInstance()
文字点击的方案就是实现ClickableSpan的onClick方法,然后设置movmentMethod就可以了,不过他会有可以点击的文字会有独特的颜色和下划线。想要修改的话只要继承ClickableSpan,然后重写updateDrawState方法就好了。
abstract class TextColorSpan(var color: Int) : ClickableSpan() {
override fun updateDrawState(ds: TextPaint) {
ds.color = color
}
}
总的来说,span的使用并不复杂,只要使用系统提供的Span就可以解决大部分问题。