RecyclerView 列表中只用Glide加载图片,notifyDataSetChanged 时 列表图片重新加载闪烁解决办法

问题一:在使用Glide刷新时图片闪烁

在使用Glide加载图片时图片闪烁,并且会出现图片大小忽大忽小的问题,这是我们应该如何解决?
 

1.关于忽大忽小:其实很大程度上是由于刷新闪烁问题引起的。
刚开始我并不知道这个原因,所以我一定追求固定宽高。解决方法如下:
          用Gilde的resize(w,h)或是override(w,h),
         又或是在布局xml文件中对ImageView的Height取固定值
         但是效果并不理想。
2.关于图片闪烁,我们可以为ImageView绑定tag,每次加载是判断tag


if(!path.equals(imageView.getTag())){//解决图片加载不闪烁的问题,可以在加载时候,对于已经加载过的item,  采用比对tag方式判断是否需要重新计算高度

     Glide.with(context)
                    .load(path)
                    .placeholder(R.drawable.pictures_no)
                    .error(R.drawable.pictures_no)
                    .into(imageView);
            imageView.setTag(path);

这样就很好的解决了图片闪烁问题,并且我发现图片忽大忽小的问题也没了

但是在后来的使用中我发现又出现了新的问题。

删除图片时会报错You must not call setTag() on a view Glide is targeting,跟踪源码导致这个问题的就是:

@Override
public Request getRequest() {
    Object tag = getTag();
    Request request = null;
    if (tag != null) {
        if (tag instanceof Request) {
            request = (Request) tag;
        } else {
            throw new IllegalArgumentException("You must not call setTag() on a view Glide is targeting");
        }
    }
    return request;
}

 

在Glide的into(img)中会用到traget.getRequest()方法。traget即是ImageView,所以会报异常

那该如何解决呢?

很简单在into(img)方法之前加上imageView.setTag(null)就行

if(!path.equals(imageView.getTag())){//解决图片加载不闪烁的问题,可以在加载时候,对于已经加载过的item,  采用比对tag方式判断是否需要重新计算高度
            imageView.setTag(null);//需要清空tag,否则报错
            Glide.with(context)
                    .load(path)
                    .placeholder(R.drawable.pictures_no)
                    .error(R.drawable.pictures_no)
                    .into(imageView);
            imageView.setTag(path);
        }
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Android 使用 RecyclerView 加载图片,可以使用 Glide 库进行图片加载,同可以通过以下几种方式进行滑动图片加载的优化: 1. 设置缓存策略:通过设置 Glide 的缓存策略,可以减少图片加载的网络请求,提高加载速度。可以使用如下代码设置缓存策略: ``` RequestOptions requestOptions = new RequestOptions() .diskCacheStrategy(DiskCacheStrategy.ALL) .skipMemoryCache(false); Glide.with(context) .setDefaultRequestOptions(requestOptions) .load(url) .into(imageView); ``` 上述代码,`diskCacheStrategy(DiskCacheStrategy.ALL)` 表示将图片缓存在磁盘,`skipMemoryCache(false)` 表示不跳过内存缓存。 2. 设置占位符和错误图片:通过设置占位符和错误图片,可以在图片加载失败或者未加载完成,显示一张默认的图片,避免出现空白的情况,同也可以提高用户体验。可以使用如下代码设置占位符和错误图片: ``` RequestOptions requestOptions = new RequestOptions() .placeholder(R.drawable.placeholder) .error(R.drawable.error) .diskCacheStrategy(DiskCacheStrategy.ALL) .skipMemoryCache(false); Glide.with(context) .setDefaultRequestOptions(requestOptions) .load(url) .into(imageView); ``` 上述代码,`placeholder(R.drawable.placeholder)` 表示在图片加载之前显示的占位符图片,`error(R.drawable.error)` 表示图片加载失败显示的错误图片。 3. 取消加载任务:在 RecyclerView 滑动,可能会存在用户滑动过快,导致部分图片加载完成,此需要在滑动停止,及取消未完成的加载任务,避免加载任务过多,影响性能。可以使用如下代码取消加载任务: ``` @Override public void onViewDetachedFromWindow(@NonNull ViewHolder holder) { super.onViewDetachedFromWindow(holder); Glide.with(context).clear(holder.imageView); } ``` 上述代码,`onViewDetachedFromWindow` 方法表示视图从窗口移除会被调用,通过 `Glide.with(context).clear(holder.imageView)` 取消当前视图加载任务。 通过上述优化方式,可以提高 RecyclerView 加载图片的性能和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值