天天看點

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

原文位址為: 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顯示網絡圖檔】

 好久沒有檢視部落格了,很多人評論要求代碼,需要代碼的請參考mengxg技術人生

轉載請注明本文位址: Android中Textview顯示帶html文本二-------【Textview顯示本地圖檔】