android富文本 加载带图片的html<drawable为null的bug>

textView加载带图片的html

在android中textView中setText中加入富文本以及webView嵌入url是android交互html最简单的两种方式;
最近在项目中涉及到富文本;
当不考虑html中图片加载时候比较简单:

Spanned spanned =  = Html.fromHtml(html);tvContent.setText(spanned );

只需要提供html即可,但是如果html中有pic时候 则会出现以下的情况;

可以看到本该出现pic的地方出现了空格;所以在填充富文本时候需要对图片处理一下,在Html中有两个方法:

 public static Spanned fromHtml(String source) {    }    public static Spanned fromHtml(String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler) {    }

其中三参的方法gormHtml可以处理图片的问题,需要匿名内部类实现 ImageGetter,第三个参数置为null:

ImageGetter imgGetter = new Html.ImageGetter() {          public Drawable getDrawable(String source) {              Drawable drawable = null;              URL url;              try {                  url = new URL(source);                  Drawable.createFromStream(url.openStream(), "");               } catch (Exception e) {                  e.printStackTrace();                  return null;              }              drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),                      drawable.getIntrinsicHeight());              return drawable;          }      };      CharSequence charSequence = Html.fromHtml(html, imageGetter, null);    tvContent.setText(charSequence );

这样就很明了了,imageGetter就是根据url来获取网络图片填充富文本的,很明显是一个好事操作,所以需要开子线程,而text的setText又是跟新UI的操作;这一点必须注意,不然你的drawable会为空,text无法填充富文本;
但是在填充过程中当html中pic比较多的时候回有部分获取不到;接下来就需要你在handler中控制一下就ok~ 下面来看最终代码:

    /**     *     * @param imageUrl     * @return     */   public Drawable getImageFromNetwork(String imageUrl) {        URL myFileUrl = null;        Drawable drawable = null;        try {            myFileUrl = new URL(imageUrl);            HttpURLConnection conn = (HttpURLConnection) myFileUrl                    .openConnection();            conn.setDoInput(true);            conn.connect();            InputStream is = conn.getInputStream();            drawable = Drawable.createFromStream(is, null);            is.close();        } catch (Exception e) {            e.printStackTrace();            return null;        }        return drawable;    }    Handler mHandler = new Handler(new Handler.Callback() {        @Override        public boolean handleMessage(Message msg) {            if (msg.what == 0x101) {                //tvContent.setText((CharSequence) msg.obj);                if (drawable == null){                    bindData();                    return false;                }                if (ncontent != null){                    tvContent.setText((CharSequence) msg.obj);                    tvContent.setClickable(true);                    tvContent.setMovementMethod(LinkMovementMethod.getInstance());                }            }            return false;        }    });    private void bindData() {        tvTitle.setText(mInfo.getNtitle());        ncontent = mInfo.getNcontent();        new Thread(new Runnable() {            Message msg = Message.obtain();            @Override            public void run() {                Html.ImageGetter imageGetter=new Html.ImageGetter() {                    @Override                    public Drawable getDrawable(String source) {                        //String source1 = source;                        ///Content/                        if (source.substring(0,8).equals("/Content")){                            source = Constant.BASE_URL + source;                        }                        drawable = getImageFromNetwork(source);                        if (drawable != null){                            drawable.setBounds(0,0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());                        }else if (drawable == null){                            //bindData();                            return null;                        }                        return drawable;                    }                };               //Spanned spanned = Html.fromHtml(ncontent, imageGetter, null);                CharSequence charSequence = Html.fromHtml(ncontent, imageGetter, null);                msg.what = 0x101;                msg.obj = charSequence;                if (mHandler!= null){                    mHandler.sendMessage(msg);                }            }        }).start();        toolbarTitle.setText(mInfo.getNtitle());        String nsubtitle = mInfo.getNtitle();        if (nsubtitle.length() > 10){            String nsubtitle_new = nsubtitle.substring(0, 10);            toolbarTitle.setText(nsubtitle_new + "...");        }else{            toolbarTitle.setText(nsubtitle);        }        tvTime.setText(mInfo.getNsendtime());    }

这样图片就显示了;希望大家在阅读之后多提建议,期待成长;