如何在SpannableStringBuilder中为图片添加左右内边距

方法1：自定义带内边距的ImageSpan（推荐） #

直接继承ImageSpan，重写getDrawable()方法为Drawable设置左右内边距，这是最精准可控的方案：

public class PaddingImageSpan extends ImageSpan {
    private int leftPadding;
    private int rightPadding;

    public PaddingImageSpan(Context context, int drawableResId, int leftPadding, int rightPadding) {
        super(context, drawableResId);
        this.leftPadding = leftPadding;
        this.rightPadding = rightPadding;
    }

    @Override
    public Drawable getDrawable() {
        Drawable drawable = super.getDrawable();
        // 设置左右内边距
        drawable.setPadding(leftPadding, 0, rightPadding, 0);
        // 重新计算Drawable边界，确保内边距生效
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth() + leftPadding + rightPadding, drawable.getIntrinsicHeight());
        return drawable;
    }
}

使用方式：

String text = "Hello world! ";
SpannableStringBuilder ssb = new SpannableStringBuilder(text);
// 把dp转为px，根据需求调整内边距数值
int leftPadding = dp2px(this, 8);
int rightPadding = dp2px(this, 8);

// 替换原有ImageSpan为自定义的PaddingImageSpan
ssb.setSpan(new PaddingImageSpan(this, R.drawable.tick, leftPadding, rightPadding),
            text.length() - 1, text.length(), Spanned.SPAN_INCLUSIVE_INCLUSIVE);
tvMainText.setText(ssb, TextView.BufferType.SPANNABLE);

// 工具方法：dp转px
private int dp2px(Context context, float dpValue) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (dpValue * scale + 0.5f);
}

方法2：占位符空格调整（简易方案） #

如果不想自定义Span，可以在图片对应的占位符前后添加空格，通过占位字符模拟内边距：

// 在文本末尾添加两个空格作为图片的占位区域
String text = "Hello world!  ";
SpannableStringBuilder ssb = new SpannableStringBuilder(text);
// 将图片Span设置在这两个空格的位置上
ssb.setSpan(new ImageSpan(this, R.drawable.tick),
            text.length() - 2, text.length(), Spanned.SPAN_INCLUSIVE_INCLUSIVE);
tvMainText.setText(ssb, TextView.BufferType.SPANNABLE);

这种方法的缺点是内边距大小受字体字号影响，不够精准，适合快速临时调整。

内容的提问来源于stack exchange，提问作者Vijayadhas Chandrasekaran