zoukankan      html  css  js  c++  java
  • 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技术人生

    欢迎关注我的技术博客:mengxg技术博客
  • 相关阅读:
    BigDecimal工具类处理精度计算
    Redis的简单使用和介绍
    数据库优化知识总结
    js弹出QQ对话框在线交谈
    火焰灯menu修改之后,可以实现数遍点击小方块停留在当前页面
    js作用域的一个小例子
    js中this的四种调用模式
    jquery火焰等效果导航菜单
    appserver配置虚拟主机
    一个类似百度文库选中弹出个小框的效果
  • 原文地址:https://www.cnblogs.com/mxgsa/p/2816775.html
Copyright © 2011-2022 走看看