Android ImageSpan不显示

本文介绍了解决在TextView中插入图片时,遇到的换行导致图片不显示的问题,通过使用Html.fromHtml的ImageGetter实现图片正确显示。

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

在TextView中插入图片,我们一般是使用ImageSpan,但是在使用过程中,发现当TextView中一行未满时自动换行(这种情况一般是发生在中英文混排),插入在首部的ImageSpan不显示了,如下图:

这里写图片描述
原本在首部会有一个置顶的图标,但是由于换行导致ImageSpan不显示了。

这里的解决方法是换了一种实现方式,使用Html.fromHtml的ImageGetter

/**
     * 获取图片标签
     */
    private static Spanned getImageSpan(final Context context,int resId){
        Spanned hotSpan = Html.fromHtml("<img src='" + resId + "'/> ", new Html.ImageGetter() {
            @Override
            public Drawable getDrawable(String source) {
                if(!TextUtils.isEmpty(source)) {
                    int id = Integer.parseInt(source);
                    //根据id从资源文件中获取图片对象
                    Drawable d = context.getResources().getDrawable(id);
                    if (d != null) {
                        d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
                    }
                    return d;
                }
                return null;
            }
        },null);
        /*SpannableStringBuilder hotSpan = new SpannableStringBuilder("  ");
        VerticalImageSpan imageSpan = new VerticalImageSpan(context, resId);
        hotSpan.setSpan(imageSpan, 0, 1, SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);*/
        return hotSpan;
    }
要在SpannableStringBuilder中对齐位图,可以使用Imagespan和LeadingMarginSpan组合来实现。具体的步骤如下: 1. 创建一个Bitmap对象,用于表示要插入的位图。 2. 创建一个ImageSpan对象,并将Bitmap对象作为其参数,设置ImageSpan的对齐方式。 3. 创建一个LeadingMarginSpan对象,并将其与ImageSpan对象一起添加到SpannableStringBuilder中。 4. 在SpannableStringBuilder中插入文本,并将ImageSpan和LeadingMarginSpan应用于文本。 示例代码如下: ```java Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image); // 创建位图 ImageSpan imageSpan = new ImageSpan(this, bitmap, ImageSpan.ALIGN_BASELINE); // 创建ImageSpan对象 LeadingMarginSpan marginSpan = new LeadingMarginSpan.Standard(bitmap.getWidth()); // 创建LeadingMarginSpan对象 SpannableStringBuilder builder = new SpannableStringBuilder("插入位图"); // 创建SpannableStringBuilder对象 builder.setSpan(imageSpan, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // 将ImageSpan应用于文本 builder.setSpan(marginSpan, 0, builder.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); // 将LeadingMarginSpan应用于文本 TextView textView = findViewById(R.id.text_view); textView.setText(builder); // 将SpannableStringBuilder显示TextView中 ``` 在上面的示例代码中,我们首先创建了一个位图对象,然后创建一个ImageSpan对象,并将位图对象作为其参数。我们将ImageSpan的对齐方式设置为ALIGN_BASELINE,表示将位图与文本基线对齐。接下来,我们创建了一个LeadingMarginSpan对象,并将其与ImageSpan对象一起添加到SpannableStringBuilder中。最后,我们将SpannableStringBuilder显示TextView中。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值