Android中Textview顯示帶html文本二——-【Textview顯示本地圖片】

Textview可以顯示基本的HTML標籤，如果不知道那些標籤，可以查看Android中Textview顯示帶html文本一-------【HTML標籤】！

下面著重說一下Textview顯示“img”標籤,也許看到這裡，大家都會想到就是構建ImageGetter，重載一下其 public Drawable getDrawable(String source)方法，擷取該路徑的圖片。

例如：

final Html.ImageGetter imageGetter = new Html.ImageGetter() {        public Drawable getDrawable(String source) {            return drawable;        };    };

下面來說下public Drawable getDrawable(String source)這個方法，source就是圖片路徑！

例如：

final String sText = "測試圖片資訊：<br><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" /><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />";tView.setText(Html.fromHtml(sText, imageGetter, null));

則source就是img的src的值，既是：http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg這個圖片路徑

當然這個<img src=路徑/> 這個路徑既可以是網狀圖片，也可以本地圖片，項目資源圖片

例如：本地圖片<img src=\""/sdcard/images/test.jpg"\"/>   項目資源圖片 <img src=\""+R.drawable.market_none_image+"\"/>

但是不同的路徑，ImageGetter的重載處理方法都不一樣，下面來一一介紹各種的處理方式.

第一種：本地圖片

final String sText2 = "測試圖片資訊：<img src=\"/mnt/sdcard/temp/1.jpg\" />";tView.setText(Html.fromHtml(sText2, imageGetter, null));final Html.ImageGetter imageGetter = new Html.ImageGetter() {    public Drawable getDrawable(String source) {        Drawable drawable=null;    drawable=Drawable.createFromPath(source);　　　　    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());    return drawable;　　};}

第二種：項目資源圖片

final String sText1 = "測試圖片資訊：<img src=\""+R.drawable.market_none_image+"\" />";tView.setText(Html.fromHtml(sText1, imageGetter, null));final Html.ImageGetter imageGetter = new Html.ImageGetter() {    public Drawable getDrawable(String source) {        Drawable drawable=null;    int rId=Integer.parseInt(source);    drawable=getResources().getDrawable(rId);    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());    return drawable;　　　　};}

第三種：網狀圖片

final String sText = "測試圖片資訊：<br><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />";tView.setText(Html.fromHtml(sText, imageGetter, null));final Html.ImageGetter imageGetter = new Html.ImageGetter() {    public Drawable getDrawable(String source) {        Drawable drawable=null;    URL url;    try {        url = new URL(source);        drawable = Drawable.createFromStream(url.openStream(), "");    } catch (Exception e) {        e.printStackTrace();        return null;    }    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());                return drawable;　　　　　};}

 

通過這三個方式，可以看出，不同的圖片路徑，得到圖片的處理方式不同，大家也能一目瞭然的看出來ImageGetter是幹什麼的了，就是得到img中src所需的圖片！

提醒一點：擷取圖片以後，一定要設定圖片的邊界，界線，即：drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());，不然擷取圖片後，Textview不能顯示圖片。

通過以上三種方式，是能可以顯示出來圖片，但是我發現了一個問題，就是第三種，顯示網狀圖片，我用android2.3的系統，可以顯示圖片出來，並且如果圖片比較大，應用會卡的現象，肯定是因為使用主線程去擷取網狀圖片造成的，但如果我用android4.0以上的系統運行，則不能顯示圖片，只顯示小方框。

究其原因，是在4.0的系統上執行的時候報錯了，異常是：android.os.NetworkOnMainThreadException 經過查文檔，原來是4.0系統不允許主線程(UI線程)訪問網路，因此導致了其異常。說白了就是在主線程上訪問網路，會造成主線程掛起，系統不允許使用了。

具體處理方式看下篇：Android中Textview顯示帶html文本三-------【Textview顯示網狀圖片】