Html.from()加载网络图片遇坑记录

最新推荐文章于 2024-05-04 10:00:00 发布

chenhuakang

最新推荐文章于 2024-05-04 10:00:00 发布

阅读量459

点赞数 1

分类专栏： html5 文章标签： android

原文链接：https://blog.csdn.net/c786909486/article/details/76899201

版权

html5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

TextView加载带有图片的Html时，会显示一个蓝色的小框框，而不会显示图片

这里写图片描述

想要显示图片，就需要调用fromHtml(String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler)方法。

重写ImageGetter
先判断drawable是否已经下载，没有下载就开启线程下载

Html.ImageGetter imageGetter = new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String s) {
            if (pic != null) {
                Log.d("TAG", "显示");
                return pic;
            }
            else {
                Log.d("TAG", "加载"+s);
                getPic(s);
            }
            return null;
        }
    };

下载图片，并且等比例放大

 private void getPic(final String s) {
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    final Drawable drawable = Drawable.createFromStream(new URL(s).openStream(), "");
                    activity. runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            if (drawable != null) {
                                WindowManager wm = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);
                                DisplayMetrics outMetrics = new DisplayMetrics();
                                wm.getDefaultDisplay().getMetrics(outMetrics);
                                float picW = drawable.getIntrinsicWidth();
                                float picH = drawable.getIntrinsicHeight();
                                int width = outMetrics.widthPixels;
                                drawable.setBounds(0,0,width,(int)((picH/picW)*width));
                                pic = drawable;
                                if (Build.VERSION.SDK_INT >= 24)
                                    text.setText(Html.fromHtml(resource,Html.FROM_HTML_MODE_COMPACT,imageGetter,null));
                                else
                                    text.setText(Html.fromHtml(resource,imageGetter,null));
                            }
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }

这里写图片描述

最后附上自己用的工具栏

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.text.Html;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.WindowManager;
import android.widget.TextView;
import java.io.IOException;
import java.net.URL;

/**
 * Created by CKZ on 2017/8/8.
 */

public class HtmlUtils {
    private static HtmlUtils instance;
    private Activity activity;
    private TextView text;
    private Drawable pic;
    private String resource;
    private HtmlUtils(Activity activity,TextView text){
        this.activity =activity;
        this.text = text;
    }
    public static HtmlUtils getInstance(Activity activity,TextView text){
        if (instance == null){
            instance = new HtmlUtils(activity,text);
        }
        return instance;
    }

    public void setHtmlWithPic(String resource){
        this.resource = resource;
        if (Build.VERSION.SDK_INT >= 24)
            text.setText(Html.fromHtml(resource,Html.FROM_HTML_MODE_COMPACT,imageGetter,null));
        else
            text.setText(Html.fromHtml(resource,imageGetter,null));

    }
    Html.ImageGetter imageGetter = new Html.ImageGetter() {
        @Override
        public Drawable getDrawable(String s) {
            if (pic != null) {
                Log.d("TAG", "显示");
                return pic;
            }
            else {
                Log.d("TAG", "加载"+s);
                getPic(s);
            }
            return null;
        }
    };

    /**
     * 加载网络图片
     * @param s
     */
    private void getPic(final String s) {
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    final Drawable drawable = Drawable.createFromStream(new URL(s).openStream(), "");
                    activity. runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            if (drawable != null) {
                                WindowManager wm = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);
                                DisplayMetrics outMetrics = new DisplayMetrics();
                                wm.getDefaultDisplay().getMetrics(outMetrics);
                                float picW = drawable.getIntrinsicWidth();
                                float picH = drawable.getIntrinsicHeight();
                                int width = outMetrics.widthPixels;
                                drawable.setBounds(0,0,width,(int)((picH/picW)*width));
                                pic = drawable;
                                if (Build.VERSION.SDK_INT >= 24)
                                    text.setText(Html.fromHtml(resource,Html.FROM_HTML_MODE_COMPACT,imageGetter,null));
                                else
                                    text.setText(Html.fromHtml(resource,imageGetter,null));
                            }
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }
}

然后再Activity中调用
HtmlUtils.getInstance(this,texthtnl).setHtmlWithPic(resource); 即可。