Glide：如何预加载图像并确认其存储在缓存中？

Question

我RecyclerView在每一行里面都有一个 和 ，我ImageView用它Glide来从 URL 设置图像。问题是当我第一次打开并尝试滚动RecyclerView时，只会下载图像。显然它会保存到缓存中，下次就不会再次下载。

我希望第一次预加载图像，这样当用户滚动时他/她就不必等待。

请看代码：

@Override
public void onBindViewHolder(PostAdapter.MyViewHolder holder, int position) {
    try {
        Post post = postArrayList.get(position);
        if (checkNull(post.getDesc())) {
            setText(holder.postDesc, postArrayList.get(position).getDesc());
        } else if (checkNull(post.getUrl())) {
            setImage(holder.postImage, postArrayList.get(position).getUrl());
        }
    } catch (Exception e) {
        e.printStackTrace();
    }

}

private void setImage(ImageView image1, String str) {
    image1.setVisibility(View.VISIBLE);
    Glide.with(context).load(str).
    diskCacheStrategy(DiskCacheStrategy.ALL)
            .into(image1);
}

Answer 1

据我了解，问题是：如何使用 Glide 预加载图像？ 在所有谈话发生之前还不清楚。

这实际上非常简单，几乎与将图像加载到ImageView. Glide 有一个preload()功能可以从给定的 URL 预加载图像。选择DiskCacheStrategy最有可能适合您情况的选项。

Glide.with(context) 
        .load(imageUrl) 
        .diskCacheStrategy(DiskCacheStrategy.SOURCE) 
        .preload();

preload(int width, int height)如果您想更改生成图像的大小，请使用。

Glide.with(context) 
        .load(imageUrl) 
        .diskCacheStrategy(DiskCacheStrategy.SOURCE) 
        .preload(width, height);

如果您的缓存图像实际上并未缓存，请按照此解决方案添加自定义 LruCache 映射。

进行了一些测试

测试涉及三种不同尺寸ImageView的 DP，分别为 100x100、200x200 和 300x300。Glide 的任务是将 8K 图像加载到 200x200dp 中ImageView。然后在短暂的延迟后将相同的图像加载到 100x100dp 中ImageView，并在另一个延迟后加载到 300x300dp 中ImageView。

测试表明，由于即时加载速度为 300x300dp ，原始图像被缓存ImageView。

注意：Toast 消息会在图像加载开始之前弹出。

视频证明：

（如果视频链接已损坏，请尝试此链接）。

更新（有点超出问题范围）：如何等待所有图像都预加载？

... rest of YourActivity class


private int imagesLoaded = 0;
private int totalImagesCount = 0;

private void preloadAllImages(ArrayList<String> imagesUrls) {
    totalImagesCount = imagesUrls.size();
    for (String url : imagesUrls) {
        preloadImage(url);
    }
}

private void preloadImage(String url) {
    Glide.with(this) 
            .load(url) 
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .listener(new RequestListener<Drawable>() {
                @Override
                public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                    // Handle exceptions differently if you want
                    imagesLoaded++;
                    if (imagesLoaded == totalImagesCount) {
                        startMainActivity();
                    }
                    return true;
                }

                @Override
                public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                    imagesLoaded++;
                    if (imagesLoaded == totalImagesCount) {
                        startMainActivity();
                    }
                    return true;
                }
            })
            .preload();
}