使用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的编辑,可以输入文字,点击“插入”按钮随时插入图片,点击“显示”按钮,跳转下一个界面进行图文混排的显示。
效果如下:
使用Html在EditText中任意位置插入图片并正确显示_第1张图片

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

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

你可能感兴趣的:(android)