TextView 妙用

一:若是给同一行文字添加 标签,并且换行的文字是在标签正下面,如图所示:

image.png

解决方案,使用:ImageSpan 参考地址

自定义 ImageSpan,方便使其居中展示

public class CenterImageSpan extends ImageSpan {

    public CenterImageSpan(Drawable drawable) {
        super(drawable);
    }

    public CenterImageSpan(Bitmap bitmap) {
        super(bitmap);
    }

    @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();
    }
}

代码中具体使用:

    /**
     *
     * @param context
     * @param imgBitmaps  图片列表
     * @param content 文本内容
     * @param width  图片宽度
     * @param height    图片高度
     * @param isStart   是否是添加在头部
     */
    public void setTagImageList(Context context, List imgBitmaps, String content, int width, int height,boolean isStart) {
        if(imgBitmaps==null){
            return;
        }
        //文本和 图片的总 builder
        SpannableStringBuilder builderAll = new SpannableStringBuilder();
        // 纯放 图片的builder
        SpannableStringBuilder builderImages = new SpannableStringBuilder();
        for (int i = 0; i 

具体效果如上图所示,
待改进,1:bitmap集合,其实需要优化的,要把当前图片大小限制跟在一块,
2:设置是否需要有空格占位符。不能那么挤在一块不是
都比较简单去改进,只是提供下思路

你可能感兴趣的:(TextView 妙用)