Android学习--Glide、RecyclerView加载网络图片

    Glide是GitHub上一款开源的图片加载框架，即可以加载本地图片，也可以加载网络图片。使用方法也比较简单

最简单的使用：
Glide.with(this)
     .load("http://inthecheesefactory.com/uploads/source/nestedfragment/fragments.png")
     .into(imageView);

具体用法可参考郭霖大神博客：

https://blog.csdn.net/sgiceleo/article/details/64440783

结合RecyclerView实现网络加载图片

1、build.gradle中添加包依赖

dependencies {
    ......
    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.android.support:recyclerview-v7:28.0.0'

}

2、新建实体类Bird

package com.example.gliderecyclertest;

public class Bird {

    public Bird(){

    }

    private String name;

    private String imageUrl;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getImageUrl() {
        return imageUrl;
    }

    public void setImageUrl(String imageUrl) {
        this.imageUrl = imageUrl;
    }
}

3、新建数据适配器类DataAdapter 继承RecyclerView.Adapter

package com.example.gliderecyclertest;

import android.content.Context;
import android.net.Uri;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

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.animation.GlideAnimation;
import com.bumptech.glide.request.target.SimpleTarget;
import com.bumptech.glide.request.target.Target;

import java.util.List;

import javax.sql.DataSource;

public class DataAdapter extends RecyclerView.Adapter<DataAdapter.ViewHolder> {

    public Context context;
    private List<Bird> birdList;

    public DataAdapter(Context context, List<Bird> birdList){
        this.context = context;
        this.birdList = birdList;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_layout, viewGroup, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull final ViewHolder viewHolder, final int i) {
        viewHolder.textView.setText(birdList.get(i).getName());
        Glide.with(context)
                .load(birdList.get(i).getImageUrl())
                .placeholder(R.drawable.loading)
                .into(new SimpleTarget<GlideDrawable>() {
                    @Override
                    public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                        viewHolder.imageView.setImageDrawable(resource);
                    }
                });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder{

        public ImageView imageView;
        public TextView textView;
        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = (ImageView) itemView.findViewById(R.id.bird_image);
            textView = (TextView) itemView.findViewById(R.id.bird_name);
        }
    }
}

4、布局文件activity_main.xml添加一个RecyclerView控件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

RecyclerView单Item布局文件item_layout.xml包含一个ImageView和TextView控件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginTop="5dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp">


        <ImageView
            android:id="@+id/bird_image"
            android:layout_width="120dp"
            android:layout_height="60dp"
            android:layout_marginRight="20dp" />


        <TextView
            android:id="@+id/bird_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/bird_image"
            android:textSize="18sp"
            android:textStyle="bold" />
    </RelativeLayout>

</FrameLayout>

5、主MainActivity中

package com.example.gliderecyclertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private ArrayList<Bird> birdList;
    private DataAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
        recyclerView.setHasFixedSize(true);
        RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(getApplicationContext());
        recyclerView.setLayoutManager(layoutManager);

        birdList = initData();
        adapter = new DataAdapter(getApplicationContext(), birdList);
        recyclerView.setAdapter(adapter);
    }

    private final String names[] = {
            "aa",
            "bb",
            "cc",
            "dd",
            "ee",
            "ff",
            "gg",
            "hh",
            "ii",
    };

    private final String imageUrls[] = {
            "http://hawksaloft.org/wp-content/uploads/2012/08/614612316_20090805-_mg_3411-rufous-hummingbird-5x7.jpg",
            "http://www.gregscott.com/gjs_2007_spring/hummingbird/20070311_1948_100_0560.rufous_humminbird.jpg",
            "http://hawksaloft.org/wp-content/uploads/2012/08/614612316_20090805-_mg_3411-rufous-hummingbird-5x7.jpg",
            "http://www.people.com.cn/img/2016wb/images/logo01.png",
            "http://pic.people.com.cn/NMediaFile/2019/0610/MAIN201906101515000281782550170.jpg",
            "http://pic.people.com.cn/NMediaFile/2019/0610/MAIN201906101623000225736784754.jpg",
            "http://pic.people.com.cn/NMediaFile/2019/0610/MAIN201906101644000185878125315.jpg",
            "http://world.people.com.cn/NMediaFile/2019/0610/MAIN201906100858000177823780005.jpg",
            "http://world.people.com.cn/NMediaFile/2018/0913/MAIN201809131000000359718834615.jpg",
};

    private ArrayList<Bird> initData(){
        ArrayList<Bird> birds = new ArrayList<>();
        for (int i = 0; i < names.length; i++ ){
            Bird bird = new Bird();
            bird.setName(names[i]);
            bird.setImageUrl(imageUrls[i]);
            birds.add(bird);
        }
        return birds;
    }

}

公司网络限制，对外网有限制，加载的部分鸟类图片显示不出来，囧?，用其他图片代替

6、运行效果