android实现Glide加载图片(优化上下滑动图片重复加载问题) 简易新闻（八）

最新推荐文章于 2025-05-07 08:00:00 发布

原创

最新推荐文章于 2025-05-07 08:00:00 发布 · 3.5k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#Glide加载图片 #Android #简易新闻app

Android实现Glide加载图片优化上下滑动图片重复加载问题简易新闻八

问题描述

在优化加载网络图片之前，我们先看一下之前加载图片会出现的一个问题（简易新闻加载新闻图片的第三方框架是：Universal Image Loader），这个是一个比较老的框架了，但是用处依然很大，那我要说的是什么问题呢，就是在加载完图片后，如果你上下滑动再回来看的时候，发现还是要重新加载图片（当然网速好的情况下是没什么毛病的），让我们看一下问题的gif来有一个更深刻的印象：
在这里插入图片描述
我们发现，刚开始加载的最前面的图片资源（如50000只小蜜蜂明明图片已经加载完了，但是当我们滑动到底部的时候，再回过头来发现要重新加载，这是一个很不友好的问题，所以我们就要优化了。前几周学习了Glide加载图片正好拿来优化加载网络图片的问题。）

我们再来看一下使用Glide加载图片后的明显区别

优化的地方：
1：是加载过的图片不会二次加载了，上下滑动再回来不会在重新加载
2：加载图片的速度变快了，（而且点击其他分类的新闻，有的已经加载出来了（预加载））
在这里插入图片描述

优化过程

第一步，添加Glide的引用

修改build.gradle
添加引用（关于Glide的基础用法请看，Android使用Glide框架加载图片）

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

第二步，修改TabAdapter.java

package com.example.frametest.TabAdapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.request.RequestOptions;
import com.example.frametest.R;
import com.example.frametest.json.NewsBean;
import com.example.frametest.tools.GlideUtil;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import java.util.List;

public class MyTabAdapter extends BaseAdapter {
   
    private List<NewsBean.ResultBean.DataBean> list;
    private Context context;
    private int IMAGE_01 =0;
    private int IMAGE_02 = 1;
    private int IMAGE_03 = 2;
    public MyTabAdapter(Context context, List<NewsBean.ResultBean.DataBean> list){
   
        this.context = context;
        this.list = list;
    }

    @Override
    public int getCount() {
   
        return list.size();
    }

    @Override
    public Object getItem(int position) {
   
        r