使用Html在EditText中任意位置插入图片并正确显示

Android中使用EditText编辑文字,有时想插入文字,并且是在任意位置都可以插入,这个时候怎么办呢?可以借助SpannableString、ImageSpan和Html标签来实现了。
比如说,从相册中选择图片并插入EditText中,

 String tagPath = "<img src=\""+photoPath+"\"/>";//为图片路径加上<img>标签

Bitmap bitmap = BitmapFactory.decodeFile(photoPath);
if (bitmap != null) {
    SpannableString ss =getBitmapMime(photoPath,tagPath);
    insertPhotoToEditText(ss);
}

这里面用到了两个方法,一个是getBitmapMime(),根据图片的原始路径和img标签路径得到SpannableString,方法insertPhotoToEditText(),即将SpannableString对象插入到EditText中。

 /**
     * 将图片插入到EditText中
     * @param ss
     */
    private void insertPhotoToEditText(SpannableString ss) {
        Editable et = content.getText();
        int start = content.getSelectionStart();
        et.insert(start,ss);
        content.setText(et);
        content.setSelection(start + ss.length());
        content.setFocusableInTouchMode(true);
        content.setFocusable(true);
    }

    private SpannableString getBitmapMime(String path,String tagPath) {
        SpannableString ss = new SpannableString(tagPath);//这里使用加了<img>标签的图片路径
        Bitmap bitmap = resizePhoto(path, 480, 800);
        ImageSpan imageSpan = new ImageSpan(this, bitmap);
        ss.setSpan(imageSpan, 0, tagPath.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return ss;
    }

其中方法resizePhoto()进行图片压缩。

简单地做了两个界面,一个界面进行EditText的编辑,可以输入文字,点击“插入”按钮随时插入图片,点击“显示”按钮,跳转下一个界面进行图文混排的显示。
效果如下:
这里写图片描述

这里写图片描述

整个实现比较简单,打不开我的资源了,想要源码的可以私信我。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值