Android開發系列八:怎麼混合顯示圖片和文字

鴨脖發表於2012-10-04

Android開發系列八:怎麼混合顯示圖片和文字

在有的Android應用中,需要在文字的中間插入一個圖片,比如像下面圖中所示的效果:

天氣小圖片顯示在文字的後面,要實現此效果可以自己寫一個View,但是也可以使用TextView結合android.text.Spanned來實現此效果。

Spanned的內容可以是一段html文字,圖片就可以用img元素嵌入進去了,圖片的內容可以根據img元素的src地址獲取,也可以根據此src地址從儲存在手機本地的資原始檔里載入。下面是簡單的示例程式碼:

TextView weather=(TextView) findViewById(R.id.weather);
Spanned info = null;
try
{
    info = getWeather(defaultCity);
}
catch(Exception e){        
}
if (info != null) {
    weather.setText(info);
} else {
    weather.setText("獲取天氣資訊失敗!");
}
Spanned getWeather(String city) {
    String weatherData;//天氣資訊html片段    
    ImageGetter imgGetter = new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String url) {
            Drawable drawable = null;
             if (url.startsWith("/")) {
                //圖片url地址是個相對地址,需要變成絕對url地址
             }
             byte[] imgBuffer = null;
             try {
                //從網址url獲取圖片內容,儲存在imgBuffer裡
             } catch (Exception e) {
                 return null;
             }
             String name = "";
             int pos = url.lastIndexOf("/");
             name = url.substring(pos + 1);//圖片檔名
             InputStream in = new ByteArrayInputStream(imgBuffer);
             drawable = Drawable.createFromStream(in, name);//從輸入流建立Drawable         
             try {
                in.close();
             } catch (IOException e) {
             }                
            return drawable;
        }
    };
    Spanned text = null;
    try {
        text = Html.fromHtml(weatherData, imgGetter, null);//建立一個Spanned
    } catch (Exception e1) {
        text = null;
    }
    return text;
}

程式碼比較簡單。如果圖片事先已經儲存在資原始檔裡,那麼就無需從網上去下載圖片內容了,只需使用Drawable.createFromResourceStream這個方法從資原始檔載入進來建立Drawable即可。


相關文章