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

来源:互联网 发布:知金教育培训中心 编辑:程序博客网 时间:2024/05/01 06:30

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的编辑,可以输入文字,点击“插入”按钮随时插入图片,点击“显示”按钮,跳转下一个界面进行图文混排的显示。
效果如下:
这里写图片描述

这里写图片描述

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

0 0