干货！Android富文本实现图文混排

android提供了这样的两个类SpannableString和SpannableStringBuilder实现图文混排

SpannableString其实和String一样，都是一种字符串类型，SpannableString可以直接作为TextView的显示文本，不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间，也就是为字符串指定下标区间内的子字符串设置格式。

SpannableStringBuilder应该开发的小伙伴知道StringBuilder，可以使用append()方法实现字符串拼接，非常方便。同样，SpannableString中也有SpannableStringBuilder，顾名思义，就是实现对，SpannableString的一个拼接效果，同样是append()方法，可以实现各种风格效果的SpannableString拼接，非常实用。

SpannableStringBuilder和SpannableString主要通过使用setSpan(Object what, int start, int end, int flags)改变文本样式。 对应的参数：

解释了这么多，看代码怎么实现吧，其实很简单！

第一行文字的效果代码

第二行文字的效果代码

小编写到这里的时候，看下了运行的结果，发现图片怎么不居中呀，真正开发中，这种效果是不可取的。于是百度了下一下，主要看这样一行代码ImageSpan imageSpan = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE); ImageSpan.ALIGN_BASELINE是指以文字的基线对齐。

点击进去看下源码的解释，原来ALIGN_BOTTOM是以文字的底部对齐 ，ALIGN_BASELINE是以文字的基线对齐，看到这里也知道图片为什么不居中了。还不懂的推荐大家看这两篇博客

这两篇文篇很详细的说明了怎么绘制文本和文本的基线是怎么计算的？

如果要实现图片居中，怎么办？我们把图片在Y轴的方向往下移动一段距离，自定义一个CenterAlignImageSpan继承ImageSpan

主要的原理是把图片绘制在字体的descent线和ascent的中点位置。还是那句话，先看上面的两篇博客。

第三行文字的效果代码 （图片居中）

有时候在开发中需要给一些的特殊的文字，设置一些超链接，颜色，背景色等等。

第四行文字的效果代码

第五行文字的效果代码

写了这么几个例子，相信大家对图片混排很清楚了，至于一些其它的文字的特性效果，需要大家去扩展了，比如文字的模糊、字体的样式、图片在文字的中间或者右边等等。

源码地址点击原文