使用 Glide 的图片显示时间长

Question

我正在使用 Retrofit 向 Imgur 发出 API 请求，以便检索大约 40 个 URL，然后使用 Glide 将它们显示在 RecyclerView 中，如下所示：

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    Glide
            .with(context)
            .load(list.get(position).getLink()) // Gets the URL in my list
            .centerCrop()
            .placeholder(R.mipmap.placeholder)
            .crossFade()
            .into(holder.imageView);
}

请求会很快得到答复，但我的大多数图像都保留为占位符，因为其中一些稍后会一张一张地出现。

是什么导致我的图像显示出现延迟？这可能与我的互联网连接速度有关吗？

另外，当涉及到“大量”图片时，我的方法是否正确？

请注意，大多数ImageViews 不会加载，即使是我的用户可见的那些。

Answer 1

这可能取决于您的互联网连接。如果是这样，您可以使用更小的 imgur，您可以在文件名末尾添加这些字母之一：

• s = 小正方形 (90×90)
• b = 大正方形 (160×160)
• t = 小缩略图 (160×160)
• m = 中等缩略图 (320×320)
• l = 大缩略图 (640×640)
• h = 巨大的缩略图 (1024×1024)

即这个：

http://i.imgur.com/bF8zPs4.jpg

变成这个（对于小方块）：

http://i.imgur.com/bF8zPs4s.jpg

Answer 2

在 Glide 中设置好图片的 url 后，图片本身仍然需要下载并显示在 ImageView 中，这会导致延迟。如果图片没有加载，你能检查一下图片url是否在你的浏览器中加载了图片吗？

使用 Glide 在适配器中加载图像的更好方法是使用在适配器的构造函数中传递的 RequestManager。然后 Glide 将订阅你的片段活动的生命周期。这将防止在您的 Fragment 活动被破坏时下载图像，这在 Glide 必须下载大图像时特别有用。

public MyAdapter(List<Object> items, RequestManager requestManager) {
    this.items = items;
    this.requestManager = requestManager;
}    

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    requestManager
            .load(list.get(position).getLink()) // Gets the URL in my list
            .centerCrop()
            .placeholder(R.mipmap.placeholder)
            .crossFade()
            .into(holder.imageView);
}

然后您可以在活动或片段中调用适配器的构造函数：

MyAdapter myAdapter = new MyAdapter(items, Glide.with(this));

我在找到this answer from TWiStErRob之后一直在使用这种方法。

Answer 3

这取决于您的互联网连接速度和图片大小。
如果图像尺寸过大，可能会导致内存异常。

Answer 4

在 Recyclerview 中，Glide 只加载 visible imageViews 中的图像。一旦您向下滚动，不可见的 ImageView将被加载。这是由于 RecyclerView 的 recycler 属性造成的。

在你onBindViewHolder中添加以下行并查看日志，你会明白的：

Log.w("Link", list.get(position).getLink());