[Android][Glide]在RecyclerView中使用Glide的预加载功能RecyclerViewPreloader

最新推荐文章于 2025-05-22 10:27:12 发布

转载最新推荐文章于 2025-05-22 10:27:12 发布 · 3k 阅读

5 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cd3e230518825412c650c7b

文章标签：

#移动开发

本文介绍如何使用Glide的预加载模块RecyclerViewPreloader优化图片加载，通过配置PreloadSizeProvider和PreloadModelProvider实现提前加载未滚动到视图的图片，解决网络慢或图片大时的显示延迟。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文使用的Glide版本为4.8.0

正常的在recyclerview中使用Glide.with().load（）加载网络图片，Glide只会在滚动出来的时候才会获取图片，这样对于网速不那么快，或者图片有点大的时候，可能就会先显示占位图，如果想要在未滚出来时候就先从网络获取出图片来，自己监听recyclerView然后去使用Glide的preload，会过于复杂，而且坑很多，还好Glide给我们提供了预加载的模块RecyclerViewPreloader。 RecyclerViewPreloader需要两个配置的参数类PreloadSizeProvider和PreloadModelProvider。

PreloadSizeProvider是用来配置预加载图片的大小的

Glide官网上是这样写的

PreloadSizeProvider sizeProvider = 
    new FixedPreloadSizeProvider(imageWidthPixels, imageHeightPixels);
复制代码

imageWidthPixels, imageHeightPixels为需要预加载的图片宽和高的像素，PreloadSizeProvider 负责保证你的 RecyclerViewPreloader 使用与你的适配器中 onBindViewHolder 方法一样的尺寸来加载图片。

PreloadModelProvider的作用有两个，一个是返回一个地址（URL或者路径），第二个是把这个地址加载到内存中

    private class MyPreloadModelProvider implements ListPreloader.PreloadModelProvider<String> {
        @NonNull
        @Override
        public List<String> getPreloadItems(int position) {//作用是返回地址
            //imagesList是你的图片地址列表
            if(position < imagesList.size()){
                //告诉RecyclerViewPreloader每个item项需要加载的图片url集合
                return imagesList.subList(position, position+1);
            }else {
                return imagesList.subList(imagesList.size() - 1, imagesList.size());
            }
        }

        @Nullable
        @Override
        public RequestBuilder<Drawable> getPreloadRequestBuilder(@NonNull String url) {
            //返回一个加载图片的RequestBuilder
            return GlideApp.with(mContext).load(url);
        }
    }
复制代码

然后就可以使用RecyclerViewPreloader

PreloadSizeProvider sizeProvider = 
    new FixedPreloadSizeProvider(imageWidthPixels, imageHeightPixels);
PreloadModelProvider modelProvider = new MyPreloadModelProvider();
RecyclerViewPreloader<Photo> preloader = 
    new RecyclerViewPreloader<>(
        Glide.with(this), modelProvider, sizeProvider, 10 /*maxPreload*/);//这里的10就是预加载的数量
    //然后把RecyclerViewPreloader添加到recyclerview里就可以了
    recyclerView.addOnScrollListener(preloader);
复制代码

这里要插一句我之前看别人网上写的教程使用的是PreloadSizeProvider sizeProvider = new FixedPreloadSizeProvider();没有指定大小，我觉得网络上加载的图片根本不知道大小，应该不指定大小是对的，结果怎么都是无法预加载，没办法，我开始看Glide的源码，看很多地方，最后在预加载地方发现了这么一句

int[] dimensions =
        preloadDimensionProvider.getPreloadSize(item, position, perItemPosition);
    if (dimensions == null) {
      return;
    }
复制代码

就是如果发现不了大小，那就不加载了。这就是我写这篇文章的原因，我怕很多人都栽倒在这里。 如果不知道网络图片获取的尺寸怎么办？ 如果网络图片都是一样大的还可以通过

Target<?> target = GlideApp.with(mContext)
                .load(url);
target.getSize(new SizeReadyCallback() {
            @Override public void onSizeReady(int width, int height) {
                if (0 < width && 0 < height) {
                    imgSize = new int[] {width, height};
                }
            }
        });
        然后写自己的preloadSizeProvide
            private class MyPreloadSizeProvider implements ListPreloader

            .PreloadSizeProvider<String>{
        @Override public int[] getPreloadSize(@NonNull String item, int adapterPosition, int perItemPosition) {
            return imgSize;
        }
    }
    }        
复制代码

来设置，如果网络获得的图片大小不一样大，就需要服务器给你返回一个图片的尺寸列表然后重写PreloadSizeProvider的getPreloadSize来设定了。