TextView文字图片混排并添加点击事件监听，Textview里面的ImageSpan添加点击响应事件

桃扇骨 2024-03-16 15:35 8阅读 0赞

TextView tv = findViewById(R.id.tv);
    
    String str = "这个一个文字图片混排，文字结尾添加图片";
    
    SpannableString ss = new SpannableString(str + " ");
    int len = ss.length();
    //图片,更换成自己工程里的图片
    Drawable d = ContextCompat.getDrawable(this, (R.mipmap.icon_arror_expand));
    d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
    //构建ImageSpan
    ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
    ss.setSpan(span, len - 1, len, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
    ss.setSpan(new ClickableSpan() {
        @Override
        public void onClick(@NonNull View widget) {
            Log.e(TAG,"textView图片点击------");
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    Toast.makeText(getBaseContext(),"图片点击", Toast.LENGTH_SHORT).show();
                }
            });
        }
    }, len - 1, len, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
    tv.setText(ss);
    //需要设置这个才能点击
    tv.setMovementMethod(LinkMovementMethod.getInstance());
    //去掉高亮，不然点击时候背景会变高亮
    tv.setHighlightColor(getResources().getColor(android.R.color.transparent));

注意：

1.这里使用空格来替代图片。当然也可以使用其他的字符（比如说文件的路径）来代替，只要长度别太长就可以。

2.ImageSpan和ClickableSpan的start和end要一致

3.tv.setMovementMethod(LinkMovementMethod.getInstance());这个一定要设置

4.最好使用Spannable.SPAN\_INCLUSIVE\_EXCLUSIVE。配合删除和添加，这个最好用

5.也可以根据源码，去自定义。提供一篇文章：[Android自定义可点击的ImageSpan并在TextView中内置View - 码农教程][Android_ImageSpan_TextView_View -]

参考：[TextView文字图片混排并添加点击事件监听，Textview里面的ImageSpan添加点击响应事件\_textview 图片 点击\_yayayaiii的博客-CSDN博客][TextView_Textview_ImageSpan_textview _ _yayayaiii_-CSDN]

[Android_ImageSpan_TextView_View -]: http://www.manongjc.com/detail/57-cuqqxtbtcoxjfyf.html
[TextView_Textview_ImageSpan_textview _ _yayayaiii_-CSDN]: https://blog.csdn.net/renhaijuniryfe/article/details/125484644