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());

    }

這樣圖片就顯示了;希望大家在閱讀之後多提建議,期待成長;