Android RecycleView 加载网络图片

1.布局

<android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="2"
    android:choiceMode="singleChoice"
    android:divider="@null"
    android:fadingEdge="none"
    android:listSelector="@android:color/transparent"
    android:scrollbarStyle="outsideOverlay"
    app:layoutManager="android.support.v7.widget.GridLayoutManager"
    app:spanCount="2"
    tools:listitem="@layout/list_item_image2"/>


//layout 中的list_item_image2.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dp"
    >

    <ImageView
        android:id="@+id/iv_img"
        android:layout_width="185dp"
        android:layout_height="104dp"
        android:scaleType="centerCrop"
        android:src="@drawable/selector_image_add" />
    <ImageView
        android:id="@+id/iv_img2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/start"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        />
</RelativeLayout>

2.初始化recycleview

private NetworkImageAdapter adapter;//recyclerview 的适配器
private List<String> imagePathList;//网络图片对应的路径集合
/**
 * 初始化recyclerview
 * @param view
 */
private void initWidget(View view){
    RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);
    imagePathList = new ArrayList<>();
    adapter = new NetworkImageAdapter(getActivity(),imagePathList);
    recyclerView.setLayoutManager(new GridLayoutManager(getActivity(), 2));
    recyclerView.setHasFixedSize(true);
    recyclerView.setAdapter(adapter);
}

3.将图片路径填充到 imagePathList集合中，加载到adapter中；

adapter.setImages(imagePathList);//加载数据并同步显示

4.recycleview 加载网络图片的adapter

package com.xxx.adapter;

import android.app.Activity;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;


import java.util.ArrayList;
import java.util.List;

/**
 * recycleview 加载网络图片的adapter
 */
public class NetworkImageAdapter extends RecyclerView.Adapter<NetworkImageAdapter.CustomViewHolder> {

    private List<String> mData;//网络图片路径集合

    private LayoutInflater mInflater; // 布局资源解析器

    private Context mContext;

    public NetworkImageAdapter(Context mContext, List<String> data){
        this.mContext = mContext;
        this.mInflater = LayoutInflater.from(mContext);
        setImages(data);
    }

    public void setImages(List<String> data){
        mData = new ArrayList<>(data);
        notifyDataSetChanged();
    }

    @Override
    public CustomViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new CustomViewHolder(mInflater.inflate(R.layout.list_item_image2,parent,false));
    }

    @Override
    public void onBindViewHolder(CustomViewHolder holder, int position) {
        holder.bind(position);
    }

    @Override
    public int getItemCount() {
        return mData.size();
    }

    //自定义的viewholder
    public class CustomViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
        private ImageView iv_img,iv_img2;
        public CustomViewHolder(View itemView) {
            super(itemView);
            iv_img = (ImageView) itemView.findViewById(R.id.iv_img);
            iv_img2 = (ImageView) itemView.findViewById(R.id.iv_img2);
        }

        public void bind(int position){
            String url = mData.get(position);
            iv_img2.setVisibility(View.GONE);
            //用Glide加载网络图片
            NetworkGlideImageLoader.getInstance().displayImage((Activity) mContext,url,iv_img,0,0);
        }
        @Override
        public void onClick(View v) {

        }
    }
}

5.网络图片加载器接口，外部需要实现这个类去加载图片

/**
 * 网络图片加载器接口，外部需要实现这个类去加载图片
 */
public interface NetworkImageLoader extends Serializable {
    void displayImage(Activity activity, String path, ImageView imageView, int width, int height);
}

6.添加Glide的依赖

implementation 'com.github.bumptech.glide:glide:3.7.0'

7.用Glide实现网络图片加载器接口

package com.xxx.adapter;

import android.app.Activity;
import android.app.ProgressDialog;
import android.content.ContentValues;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.media.MediaMetadataRetriever;
import android.media.ThumbnailUtils;
import android.net.Uri;
import android.os.Environment;
import android.os.Handler;
import android.provider.MediaStore;
import android.widget.ImageView;

import com.xxx.utils.CacheUtil;
import com.xxx.utils.Logs;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.load.resource.drawable.GlideDrawable;
import com.bumptech.glide.request.RequestListener;
import com.bumptech.glide.request.target.Target;

import java.io.BufferedInputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.HashMap;
import java.util.Hashtable;

/**
 * 用Glide实现网络图片加载器
 */
public class NetworkGlideImageLoader implements NetworkImageLoader {

    private static NetworkGlideImageLoader mInstance;
    private NetworkGlideImageLoader(){

    }

    public static NetworkGlideImageLoader getInstance(){
        if(mInstance == null){
            synchronized(NetworkGlideImageLoader.class){
                if(mInstance == null)
                    mInstance = new NetworkGlideImageLoader();
            }
        }
        return mInstance;
    }

    @Override
    public void displayImage(Activity activity, String path, ImageView imageView, int width, int height) {
        Logs.i("path "+path);
        Logs.i("displayImage() ");

        Glide.with(activity)                             //配置上下文
//                .load(Uri.fromFile(new File("/storage/emulated/0/DCIM/Video/VID_20200313_084219.mp4")))      //设置图片路径(fix #8,文件名包含%符号 无法识别和显示) 本地路径
                    .load(path)                               //网络图片路径
//                    .listener(new RequestListener<String, GlideDrawable>() {
//                        @Override
//                        public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
//                            Logs.i("网络图片加载异常");
//                            return false;
//                        }
//
//                        @Override
//                        public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
//                            return false;
//                        }
//                    })
                    .error(R.mipmap.default_image)           //设置错误图片
                    .placeholder(R.mipmap.default_image)     //设置占位图片
                    .diskCacheStrategy(DiskCacheStrategy.ALL)//缓存全尺寸
//                    .diskCacheStrategy(DiskCacheStrategy.RESULT)
                    .into(imageView);
    }


   

}