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

女爷i 2022-04-27 16:22 373阅读 0赞

本文使用的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来设定了。