Android图片与文字对齐可支持图文混排的imageSpan

最新推荐文章于 2024-07-27 04:22:28 发布

尼古拉斯大锅盖

最新推荐文章于 2024-07-27 04:22:28 发布

阅读量823

点赞数

分类专栏： android kotlin 自定义View

本文链接：https://blog.csdn.net/qq_38496491/article/details/119533832

版权

自定义View 同时被 3 个专栏收录

4 篇文章

订阅专栏

android

3 篇文章

订阅专栏

kotlin

3 篇文章

订阅专栏

博客介绍了自定义imageSpan实现图片与文字对齐且混排的方法，还提到使用AndroidUtilCode的SpanUtil进行文本不同格式拼接，并表示会直接给出代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义了一个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()