[移动开发]Android图片与文字对齐可支持图文混排的imageSpan

自定义了一个imageSpan实现图片与文字对齐并且可以混排
直接上代码

package ***;

import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.Drawable;
import android.text.style.ImageSpan;

import androidx.annotation.NonNull;

/**
 * author: Gary
 * e-mail: 2509908478@qq.com
 * createTime: 2021/03/01 15:35
 * desc: 图片与文字对齐可支持图文混排的span
 */
public class CenterAlignImageSpan extends ImageSpan {

    public CenterAlignImageSpan(@NonNull Drawable drawable) {
        super(drawable);
    }

    @Override
    public void draw(@NonNull Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, @NonNull Paint paint) {
        Drawable b = getDrawable();
        Paint.FontMetricsInt fm = paint.getFontMetricsInt();
        int transY = (y + fm.descent + y + fm.ascent) / 2 - b.getBounds().bottom / 2;//计算y方向的位移
        canvas.save();
        canvas.translate(x, transY);//绘制图片位移一段距离
        b.draw(canvas);
        canvas.restore();

    }
}

我一般使用AndroidUtilCode的SpanUtil进行文本不同格式拼接，下面举个例子

val drawable =ContextCompat.getDrawable(this,R.mipmap.class_tip_order)
drawable!!.setBounds(0,0,drawable.minimumWidth,drawable.minimumHeight)
tv_course_class_tip1.text =
     SpanUtils()
         .append("登录官网")//这个文本是会显示的
         .append("图片")//在setspan之前必须先append随意的内容占位，这个文本是会被图片覆盖的不显示的
         .setSpans(CenterAlignImageSpan(drawable))
         .append("点击考研政治课程")
         .append("图片")
         .setSpans(CenterAlignImageSpan(drawable))
         .append("点击考研政治课程")
         .append("图片")
         .setSpans(CenterAlignImageSpan(drawable))
         .append("点击当天直播即可进入课堂")
         .append("图片")
         .setSpans(CenterAlignImageSpan(drawable))
         .append("课程结束后30分钟左右，可点击【回放】进行观看和复习")
         .create()