Android开发系列八:怎么混合显示图片和文本
2012-10-04 14:06
429 查看
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即可。
相关文章推荐
- Android开发系列:怎么混合显示图片和文本
- 怎么混合显示图片和文本
- React Native实现图片文本混合显示
- 怎么在图片窗口后台要增加alt 标签和 title 标签输入框。并在栏目页面alt 标签和 title 标签显示出来?
- Android开发系列(二十三):实现带图片提示的Toast提示信息框
- 我一个图片怎么都显示不出来,是博客程序原因还是其他?
- HTML开发——项目心得(CSS实现导航栏选项卡炫酷渐变效果以及图片替换文本显示)
- Js-Html 前端系列--显示有格式的文本
- iOS开发小技巧--即时通讯项目:使用富文本在UILabel中显示图片和文字;使用富文本占位显示图片
- TextView文本显示图片和文字,竖直滚动显示
- 网页文本加title显示图片特效
- 网站部分图片(特别是用户自己上传的图片)不显示怎么回事?
- Android开发(15)-TextView显示丰富的文本
- 请问在pulltorefreshGridView中的图片设置了大小之后怎么就不显示了呢
- 前台富文本编辑器文本乱码,图片正常显示,解决!
- #255 – 在FlowDocument中使文本环绕图片显示(Flow Text Around an Image in a FlowDocument)
- 【Android开发学习29】界面控件之列表控件(ListView)--显示图片和文本
- matlab怎么同时显示imshow 两幅图片
- JavaFX实现图片显示,文本输入,表格显示
- Android学习之路---Toast显示文本及图片