设置使用Glide库完成图像加载后进度条的可见性

Question

嗨我想要一个图像的进度条，它将在图像加载时显示，但是图像加载完成后会显示我想将其设置为消失。早些时候，我为此使用了毕加索图书馆。但我不知道如何将它与Glide库一起使用。我有想法，有一些资源就绪功能，但我不知道如何使用它。谁能帮我？

毕加索图书馆

Picasso.with(mcontext).load(imgLinkArray.get(position).mUrlLink) 
     .into(imageView, new Callback() { 
      @Override 
      public void onSuccess() { 
       progressBar.setVisibility(View.GONE); 
      } 

      @Override 
      public void onError() { 
      } 
     }) 
; 

现在，我怎么能做到这一点与滑翔码？

Glide.with(mcontext).load(imgLinkArray.get(position).mUrlLink) 
    .into(imageView); 

我能够通过这个与滑翔加载图像，但我怎么可以在代码编写progressBar.setVisibility(View.GONE);的地方，如果图像获取加载？

Answer 1

问题是相当老了，我不知道什么是与这些次下滑的局面，但现在它可以用监听器（很容易做到不提议在选择的答案中是正确的）。

progressBar.setVisibility(View.VISIBLE); 
Glide.with(getActivity()) 
    .load(args.getString(IMAGE_TO_SHOW)) 
    .listener(new RequestListener<String, GlideDrawable>() { 
     @Override 
     public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
      return false; 
     } 

     @Override 
     public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
      progressBar.setVisibility(View.GONE); 
      return false; 
     } 
    }) 
    .into(imageFrame) 
; 

如果想自己处理动画等事情，并且如果想要滑动以处理它们，则返回false。

Answer 2

我的回答是基于过时的API。请参阅here了解更新的答案。

Answer 3

上面的解决方案对我来说也很好，但是当我使用asBitmap（）来下载图像。这是行不通的。

我们需要使用BitmapImageViewTarget

Glide.with(this) .load(imageURL) 
.asBitmap() 
.placeholder(R.drawable.bg) 
.into(new BitmapImageViewTarget(imageView) { 
      @Override 
      public void onResourceReady(Bitmap drawable, GlideAnimation anim) { 
       super.onResourceReady(drawable, anim); 
       progressBar.setVisibility(View.GONE); 
      } 
     }); 

Answer 4

异常投入了条件再次显示了ProgressBar

Glide.with(context) 
    .load(image_url) 
    .listener(new RequestListener<String, GlideDrawable>() { 
     @Override 
     public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
      if(e instanceof UnknownHostException) 
       progressBar.setVisibility(View.VISIBLE); 
      return false; 
     } 

     @Override 
     public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
      progressBar.setVisibility(View.GONE); 
      return false; 
     } 
    }) 
    .into(imageView); 

Answer 5

这是最好的答案，因为它不使用任何黑客，如设置可见性，以获得所需的输出。

下载进度条的GIF并将其称为progressbargif并将其放入可绘制文件夹中。

 Glide.with(ctx) 
      .load(url) 
      .thumbnail(Glide.with(ctx).load(R.drawable.progressbargif)) 
      .diskCacheStrategy(DiskCacheStrategy.SOURCE) 
      .error(R.drawable.image_unavailable) 
      .crossFade(200) 
      .into(iv); 

一旦URL图像加载，缩略图就会消失。加载缓存图像时，缩略图会立即消失。

Answer 6

1. xml取高度为& width（match_parent）的进度条。

2. 在调用下面的提及方法之前，设置进度条的可见性可见。

   public void setImageWIthProgressBar(Context context, final ImageView imageView, String imageUrl, final ProgressBar progressBar) { 
   
        Glide.with(context) 
          .load(imageUrl) 
          .listener(new RequestListener<String, GlideDrawable>() { 
           @Override 
           public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) { 
            progressBar.setVisibility(View.GONE); 
            return false; 
           } 
   
           @Override 
           public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) { 
            progressBar.setVisibility(View.GONE); 
            return false; 
           } 
          }) 
          .into(imageView); 
   
       }//setImageWIthProgressBar 
   

Answer 7

如果你想这样做在科特林，你可以试试这样：

Glide.with(context) 
      .load(url) 
      .listener(object : RequestListener<Drawable> { 
       override fun onLoadFailed(p0: GlideException?, p1: Any?, p2: Target<Drawable>?, p3: Boolean): Boolean { 
        TODO("not implemented") //To change body of created functions use File | Settings | File Templates. 
       } 
       override fun onResourceReady(p0: Drawable?, p1: Any?, p2: Target<Drawable>?, p3: DataSource?, p4: Boolean): Boolean { 
        Log.d(TAG, "OnResourceReady") 
        //do something when picture already loaded 
        return false 
       } 
      }) 
      .into(imgView)