[View-Textview]文字右上角加上标注

1.前言

需要在原有的功能基础上，实现在文字的右上角加上星号的功能。类似于这种：

2.使用Drawable

通过设置TextView的setCompoundDrawables方法动态设置图标

但是注意在调用setCompoundDrawables之前需要使用setBounds。

setBounds接收四个参数，left、top、right、bottom。其实这个四个参数就是相对原点(0,0)的坐标值。

正常情况下我们这样设置就可以：

 tv_content.text="hello kotlin"
 val drawable = resources.getDrawable(R.mipmap.icon_asterisk, null)
 drawable.setBounds(0,0,drawable.intrinsicWidth,drawable.intrinsicHeight)
 tv_content.setCompoundDrawables(null,null,drawable,null)
 tv_content.compoundDrawablePadding = 2

但是这里需要把星号的图片放到文字的右上角，通过setBounds设置坐标值即可实现。

我们知道，Android中的坐标系是X轴往右是正，X轴往左是负，但Y轴往上是负，Y轴往下是正，所以想让drawable放置在文字的右上角，需要让drawable相对原点往上一点，即改变drawable在Y轴的位置。

这里我们把drawable的top设置为-2，但相应的bottom也要在原来的高度上-2，要不然会出现图像在Y轴拉伸的情况。

代码如下：

 tv_content.text="hello kotlin"
 val drawable = resources.getDrawable(R.mipmap.icon_asterisk, null)
 drawable.setBounds(0,-2,drawable.intrinsicWidth,drawable.intrinsicHeight-2)
 tv_content.setCompoundDrawables(null,null,drawable,null)
 tv_content.compoundDrawablePadding = 2

3.使用SpannableString

使用SpannableString结合各种以 Span 结尾的类可以做出丰富多样的显示效果。比如加粗、改变颜色、加着重标识、超链接等等。这里我们使用ForegroundColorSpan来实现我们的需求。

代码如下：

 //在需要展示的文字最后面加上星号
 val content= "hello kotlin "+"*"
 val ss=SpannableString(content)
  //设置颜色
  var forSpan=ForegroundColorSpan(resources.getColor(R.color.asterisk_color))
  //把星号的颜色单独改变，其他文字的颜色不变
  ss.setSpan(forSpan,content.length-1,content.length,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
  tv_content.text=ss

4.总结

其实无论是使用drawable还是spannableString来实现功能都有他们的局限性。

比如在使用SpannableString如果TextView设置了android:ellipsize="end"，当内容过长的时候，由于星号放在了文字的最后，这样星号就不能展示出来。就像这样：

这个时候使用drawable的实现方式就没有问题。

但如果TextView没有设置android:ellipsize="end,内容设置为自适应长度，出现换行，或者设置为固定的宽度。通过设置drawable就不能紧跟着文字的最后出现。

这个时候使用spannableString就没有问题。

所以要根据界面展示的效果灵活使用不同的方法。