Android TextView中插入图片

一、前言

在开发中经常会遇到文字插入小图标,就像下面“图1”这种,上榜和预售是两个小图片,然后因为文字需要换行,不能用ImageView+TextView去实现,我们就只能用一个TextView,在里面加入图片


afc2c7c6c6fbfa3da54b29e183adbfb4.jpeg

图1

二、具体实现

具体代码如下、需要注意的是CenterImageSpan类,这个是自定义的,如果用原生的ImageSpan,图片是不能和文字居中的,要么偏上,要么偏下。

private fun setDrawableText(context: Context, tv: TextView, str: String?, drawables: IntArray) {
        tv.text = ""
        if (drawables.isNotEmpty()){
            for(i in drawables.indices){
                val drawable = drawables[i]
                val d = ContextCompat.getDrawable(context,drawable)
                d?.setBounds(0,0,d.minimumWidth,d.minimumHeight)
                val span = d?.let { CenterImageSpan(it) }
                val spanStr = SpannableString("custom$i")
                spanStr.setSpan(span, 0, spanStr.length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE)
                tv.append(spanStr)
                tv.append(" ")
            }
        }
        tv.append("$str")
    }

CenterImageSpan类

public class CenterImageSpan extends ImageSpan {


    public CenterImageSpan(@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;
        canvas.save();
        canvas.translate(x,transY);
        b.draw(canvas);
        canvas.restore();
    }
}

三、核心代码讲解

我们这里主要是用SpannableString这个类实现,这个类可以实现很多特殊TextView的样式,具体看注释代码

//图片资源转drawable, drawable参数例子 R.drawable.main_tg_yushou
 val d = ContextCompat.getDrawable(context,drawable)


//设置图片大小
 d?.setBounds(0,0,d.minimumWidth,d.minimumHeight)


//生成ImageSapn
 val span = d?.let { CenterImageSpan(it) }


//这里定义一个SpannableString,里面内容不重要,可自己随便定义。
//注意:这里如果有复制功能,那这个图片的内容就是这里面的字符串
 val spanStr = SpannableString("custom$i")


//把图片设置进Span中
 spanStr.setSpan(span, 0, spanStr.length,Spannable.SPAN_INCLUSIVE_EXCLUSIVE)


//追加到TextView中
 tv.append(spanStr)


作者:人世看客
链接:https://www.jianshu.com/p/e71efda77552

关注我获取更多知识或者投稿

81fcbd43b8f356aa71d4c1cfbf63270b.jpeg

c2e8d954cf5e3cb491e9687154586a61.jpeg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值