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

这里写图片描述

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

要实现在点击 Activity 任意位置退出 EditText 输入状态,你可以在 Activity 添加一个视图,将这个视图作为根视图,并添加点击事件监听器。当用户点击屏幕时,监听器将会被触发,此时可以通过调用 EditText 的 `clearFocus()` 方法来取消 EditText 的焦点,从而退出输入状态。 具体的实现步骤如下: 1. 在 Activity 的布局文件,添加一个 FrameLayout 作为根视图,设置其高度和宽度为 match_parent,如下所示: ``` <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/rootView" android:layout_width="match_parent" android:layout_height="match_parent"> </FrameLayout> ``` 2. 在 Activity 的 onCreate() 方法,获取根视图,并为其添加点击事件监听器,如下所示: ``` public class MainActivity extends AppCompatActivity { private FrameLayout mRootView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mRootView = findViewById(R.id.rootView); mRootView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 取消 EditText 的焦点 EditText editText = findViewById(R.id.editText); editText.clearFocus(); } }); } } ``` 3. 在布局文件添加一个 EditText,如下所示: ``` <EditText android:id="@+id/editText" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入内容" /> ``` 这样,当用户在 EditText 输入内容时,如果想要退出输入状态,只需要点击 Activity 的任意位置即可。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值