图片和文字的混合显示

天气小图片显示在文字的后面,要实现此效果可以自己写一个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即可。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章