TextView中的HTML进行图文混排

时间 2014-07-25 11:43:16 CSDN博客
原文 http://blog.csdn.net/pangzaifei/article/details/38112053
主题 TextView

Android TextView中有图片有文字混合排列

1.使用html.fromHtml

2.新建ImageGetter

3.使用标签

demo：

1.设置文字

((TextView) findViewById(R.id.tv_gradlist_calorie_desc)).setText(Html                .fromHtml(descString(), getImageGetterInstance(), null));

2.获取文字

/**  * 字符串  *   * @return  */    private String descString() {     return "您消耗的总热量约等于4杯" + "<img src='" + R.drawable.ic_gradlist_coke       + "'/>" + "+5只" + "<img src='" + R.drawable.ic_gradlist_ice       + "'/>" + "+10个" + "<img src='"       + R.drawable.ic_gradlist_hamburger + "'/>" + "";    }

3.imagegetter

/**   * ImageGetter用于text图文混排   *    * @return   */  public ImageGetter getImageGetterInstance() {    ImageGetter imgGetter = new Html.ImageGetter() {      @Override      public Drawable getDrawable(String source) {        int fontH = (int) (getResources().getDimension(            R.dimen.textSizeMedium) * 1.5);        int id = Integer.parseInt(source);        Drawable d = getResources().getDrawable(id);        int height = fontH;        int width = (int) ((float) d.getIntrinsicWidth() / (float) d            .getIntrinsicHeight()) * fontH;        if (width == 0) {          width = d.getIntrinsicWidth();        }        d.setBounds(0, 0, width, height);        return d;      }    };    return imgGetter;  }

效果