SpannableString文本和图片一起显示

1，实现效果 

 

 

2，实现代码

【1】TextView显示文本和图片

• 存放对应的图片

//存放的是表情的标识和图片的映射关系

private static HashMap emojiMap = new HashMap();

static{

   emojiMap.put("[:bigbing]", R.drawable.ic_launcher);

   emojiMap.put("[:smoke]", R.drawable.ic_launcher);

   emojiMap.put("[:smile]", R.drawable.ic_launcher);

   emojiMap.put("[:cry]", R.drawable.ic_launcher);

   emojiMap.put("[:cowshit]", R.drawable.ic_launcher);

}

• 设置对应的图片。

//表情的解析

//1.让文本和图片一起显示

text1.setText(showTextWithImage("我是文本[:bigbing]", R.drawable.ic_launcher));

【2】showTextWithImage

/**

    * 让图片和文字一起显示

    * @param text

    * @param imageRes

    * @return

    */

   private SpannableString showTextWithImage(String text,int imageRes){

      //具有魔法的字符串

      SpannableString ss = new SpannableString(text);

      Drawable drawable = getResources().getDrawable(imageRes);

      //必须设置drawable的边界，就是设置drawable的宽高

//    drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());

      drawable.setBounds(0,0,40,40);

      ImageSpan span = new ImageSpan(drawable);//能够放在字符串中的图片了

      ImageSpan span2 = new ImageSpan(drawable);//能够放在字符串中的图片了



      //我是文本[大兵]

      int start = text.indexOf("[");

      int end = text.indexOf("]")+1;//包头不包尾

      

      //可以设置多个span对象  

      ss.setSpan(span, start,end,SpannableString.SPAN_INCLUSIVE_EXCLUSIVE);

      //如果想有多个图片，那么就设置多个不同的ImageSpan对象

      ss.setSpan(span2, 1,2,SpannableString.SPAN_INCLUSIVE_EXCLUSIVE);

      return ss;

   }