解决Glide加载图片闪烁的问题(感觉加载了两遍 !!!)

最新推荐文章于 2025-10-07 03:51:52 发布
原创 最新推荐文章于 2025-10-07 03:51:52 发布 · 9.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Glide加载圆角图片 #Glide加载圆角图片闪烁 #Glide加载圆角图片遇到的问题

本文介绍如何使用Glide4.0+在Android应用中实现图片圆角效果，包括配置RequestOptions，自定义BitmapTransformation以及解决图片闪烁问题。

今天由于项目需求的原因, 需要把原来的ViewPager的长方形图片转成圆角图片.

一直觉得Glide很强大, 应该可以直接设置圆角图片, 但是输入 . 之后并没有找到这个方法, 顿时一大片问号飘过 !!!

下面来说说遇到的问题:

1. 之前Glide 3.0+ 都是直接Glide. 点点点就行了, 现在升级到Glide 4.0+, 需要把这些配置全部写在RequestOptions这个方法里.

例如: 

dontAnimate() //去掉动画, skipMemoryCache() //不使用缓存等

配置好后, 需要在Glide使用apply(options)方法

例如:

Glide.with(mContext)
       .load(url)
       .apply(options)
       .into(imageView);

2. 既然是要设置圆角, 那么肯定是要自己自定义来写了, 因此需要自己写个类继承 BitmapTransformation, 然后重写其中两个方法.

上代码:

注意: 注释部分一定要注意 !!!

自己搜到的基本是这些代码, 也显示圆角图片了,  但是又出现了一个新的问题.

3. Glide加载圆角图片, 第一张图片会闪烁 !!!

很无语!

一直认为Glide很强大, 肯定有设置圆角的方法,  经过一段时间的源码查找,  还真找到了 --> 

new RoundedCorners(16); //就是那么简单,  这个鬼难找

使用了这句代码, 运行了还真没闪烁, 点击去源码看了一下, 主要是这些区别:

仿照源码写了一下, 加进去, 运行果然没有闪烁, 很开森!!!

具体什么原因, 还没有研究出来, 很悲哀.

虽然不知道什么原因, 功能解决了, 还是可以了, 特此记录一下.

Android实战场景 - 刷新列表时Glide加载图片闪烁
Android、前端、小程序、后端
03-11 6390
最近在开发中发现RecyclerView刷新列表（notifyDataSetChanged）时，如果使用的是Glide加载图片，那么会出现图片闪烁、图片变形的问题，针对于此有着千奇百怪的解决方案 ~ 首先我的问题已经解决，但是尝试了不少方式，特此做一下归纳 ~ 问题背景成功方式解决方式动画方面解决方式 一解决方式 二Tag 问题背景 每个人的场景可能不同，仅记录我的场景，解决方式可能通用，可一试 列表控件：RecyclerView 图片框架：Glide 问题场景：购物车+、- 数据变化 所遇问题：每次.
Android笔记：使用Glide加载图片刷新时会闪烁
知道的越多，不知道的越多。
01-09 7230
可能这个问题很常见，大家也有不少人解决了，大部分人用的方法一和二如果你还没解决的话，那么看这篇文章就对了 使用RecyclerView，Glide加载图片，当点击图片进行刷新，不管是局部刷新还是全部刷新的时候，都会使用glide重新加载图片，这时候如果glide加载图片的时候没设置好就会出现刷新的时候闪烁的问题，当然这是我出现的问题。 方法一 网上很多基本都是说recyclerview刷新闪烁是因...
彻底解决RecyclerView图片闪烁：Glide实战优化指南
最新发布
gitblog_00273的博客
10-07 393
你是否遇到过这样的尴尬场景：用户滑动列表时，图片突然闪烁甚至显示错误内容？作为Android开发者，RecyclerView与图片加载库Glide的配合问题，常常成为影响用户体验的"隐形困扰"。本文将从实战角度出发，通过三个关键步骤，彻底解决图片加载闪烁问题，让你的列表滑动如丝般顺滑。 ## 问题根源：为什么图片会闪烁？ RecyclerView作为Android高效列表组件，其核心机制是Vi...
处理Glide刷新出现闪烁
wbw522的博客
05-05 9596
需要加载动画，由picasso转成Glide  1 未使用内存缓存导致加载速度慢,如果是复用view会出现原先的图片，也会闪一下  .skipMemoryCache(false)  2 取消加载变换动画  .dontAnimate() 3 使用了占位图，加载过程中先显示占位图再显示图片出现闪一下 。  占位图可设在布局中，加载时候的占位图用Imageview本身的Drawa
Glide 加载 图片 多次切换 屏幕闪烁问题
天行健，君子以自强不息。
09-05 654
使用前一张图片做为过渡图片去除中间闪白：
使用Glide重新加载图片时会闪烁，RecyclerView等控件
sese12138的博客
12-22 4304
最近开发使用Glide加载图片到RecyclerView的item中的ImageView，发现重新刷新时每个ImageView都会闪烁一下 在网上找了很多解决方案： 1.更改RecyclerView中的 DefaultItemAnimator 类中的 animateChangeImpl() 方法,去掉透明度变化 然后再将更改好的类设置给RecyclerView 发现没什么用 2....
android Glide 图片闪一下
weixin_41484200的博客
08-10 877
Android Glide 图片闪一下现象的解析与解决方案 在Android开发中，Glide是一个非常流行的图片加载库。然而，在使用Glide时，一些开发者会发现加载的图片在首次显示时会出现“闪一下”的现象。这不仅影响用户体验，同时也可能让我们在开发中感到困惑。本文将分析导致这一现象的原因，并提供解决方案，同时带有代码示...
Glide给imageview加载图片闪烁
songzi1228的博客
07-30 7108
场景：使用Glide给一个imageview切换图片，切换时可以看到很明显的闪烁，体验不太友好。 解决方案： Glide.with(HomeActivity.this) .load(R.mipmap.home_bg_login_head2) .placeholder(R.mipmap.home_bg_login_head2) .dontAnim...
Android中使用Glide加载图片闪烁问题
qq_27246079的博客
03-10 793
原因在于Glide会将我们传入的ImageView包装成ImageViewTarget对象，当Glide为Imageview重新加载新图片前会先调用com.bumptech.glide.request.SingleRequest的clear()方法，当使用Glide如上面的方式加载图片时，尤其是当图片资源比较大时，在更新图片资源（即将图a换成图b）时可能会出现ImageView短暂显示为透明状态，给人以闪烁的感觉，很不友好。这里会调用ImageViewTarget的onLoadCleared()方法，
android listview使用glide异步加载图片错位，闪烁问题
IT界寿险规划师的博客
08-14 2070
技术交流、保险配置问题，欢迎电话微信交流！
glide加载图片有进度显示
12-08
glide加载图片，有进度显示，可以根据自己需要看源码。
Android开发之listview优化+图片异步加载缓存+避免图片显示闪烁
10-20
2.2 **图片库选择**：推荐使用成熟的图片加载库，如Glide、Picasso或 Fresco。这些库支持内存和磁盘缓存，自动处理图片尺寸，避免OOM，并能优雅地处理图片的加载和显示。 2.3 **图片大小调整**：根据ImageView的...
ListView配合Glide加载图像闪烁问题（ListView多次刷新重复执行getView问题规避）
曹小旭
06-24 674
问题场景： 项目中使用ListView配合Glide显示多列，每一列都有图像，但是在效果出来后发现，每次刷新完界面图像会闪烁多次，查看log发现ListView中的getView执行了多次，网上查阅资料，有人说是由于ListView高度设置成wrap_content，如下所示： android:layout_height="wrap_content" 应该设置为match_parent（改为match_parent确实会使getView只执行一次），但是实际开发中有时候布局不能改变，所以需要另寻出路
Gilde刷新图片闪烁和You must not call setTag() on a view Glide is targeting如何解决
热门推荐
u010899537的博客
07-05 1万+
问题一：在使用Glide刷新时图片闪烁 在使用Glide加载图片时图片闪烁，并且会出现图片大小忽大忽小的问题，这是我们应该如何解决？ 1.关于忽大忽小：其实很大程度上是由于刷新闪烁问题引起的。 刚开始我并不知道这个原因，所以我一定追求固定宽高。解决方法如下：           用Gilde的resize（w，h）或是override（w，h），         又或是在布局x
Glide刷新图片闪啊闪
wuqingsen1的博客
08-02 6263
Glide加载图片，加上 dontAnimate() ，再把 skipMemoryCache 设置为false（可不设置，默认为 false）具体如下： Glide.with(context).load(url)            .error(error)           .skipMemoryCache(false)            .dontAnimate()        ...
glide加载图片闪烁_Android Glide图片加载框架介绍
weixin_39785669的博客
11-30 497
官方介绍Glide是一个快速高效的Android图片加载库，注重于平滑的滚动。Glide提供了易用的API，高性能、可扩展的图片解码管道(decode pipeline)，以及自动的资源池技术。Glide 支持拉取，解码和展示视频快照，图片，和GIF动画。Glide的Api是如此的灵活，开发者甚至可以插入和替换成自己喜爱的任何网络栈。默认情况下，Glide使用的是一个定制化的基于HttpUrlCo...
Glide设置圆角图片导致的闪烁
kqz2014的博客
05-16 421
从Glide源码中可以看到调用maybeUpdateAnimatable，执行这个动画可能是导致闪烁的原因，所以直接重写onResourceReady，不执行动画，避免闪烁。第一：直接将skipMemoryCache设置为false，但是可能会导致再此更新图片的时候不跟新，直接从缓存中获取。给网络图片设置圆角会导致闪烁。
glide加载图片闪烁_html5 canvas绘制图片
weixin_39780962的博客
11-28 180
举两个新手（我）比较容易范的错误1、图片声明了，绘制方法也ok了，但是有的时候就可以显示出来，有的时候就显示不出来function draw(){ var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=new Image(); img.src = "https://www.runoob....
Glide加载大图时图片闪烁的原因及解决方案
07-31
在使用 Glide 加载大图时，图片闪烁是一个较为常见的问题，尤其是在 RecyclerView 或 ListView 等可复用视图组件中。该问题通常与 Glide 的加载机制、图片缓存策略、以及视图的复用机制有关。 ### 原因分析 1. **视图复用机制** 在 RecyclerView 或 ListView 中，视图（如 ImageView）会被重复利用以提高性能。当一个图片加载完成时，目标视图可能已经被复用给另一个位置的条目，导致图片显示到错误的位置[^2]。 2. **Glide 的缓存机制** Glide 默认会从内存缓存或磁盘缓存中读取图片资源。如果图片没有被正确缓存，或者加载顺序被打乱，可能会导致图片多次加载，从而引发闪烁现象。 3. **未设置占位符或加载监听器** 如果没有设置 `.placeholder()` 或者没有在 `SimpleTarget` 中处理加载状态，图片在加载完成前可能显示空白，加载完成后突然显示图片，造成视觉上的闪烁。 4. **图片尺寸过大或未进行缩放处理** 加载未经压缩或缩放的大图会增加内存压力和绘制时间，可能导致图片在绘制过程中出现短暂空白或闪烁。 --- ### 解决方案 1. **使用 `.placeholder()` 设置加载占位图** 在 Glide 请求链中直接设置占位图可以避免图片加载完成前出现空白状态，从而减少闪烁现象。 ```java Glide.with(context) .load(imageUrl) .placeholder(R.drawable.placeholder_image) .into(imageView); ``` 2. **使用 `.override()` 缩放图片尺寸** 避免加载原始大图，通过 `.override()` 指定目标尺寸，让 Glide 自动进行缩放，减少内存消耗和绘制延迟。 ```java Glide.with(context) .load(imageUrl) .override(1080, 720) // 设置目标尺寸 .placeholder(R.drawable.placeholder_image) .into(imageView); ``` 3. **使用 `.diskCacheStrategy()` 控制缓存策略** 对于大图加载，建议强制 Glide 使用磁盘缓存，以减少重复网络请求和加载延迟。 ```java Glide.with(context) .load(imageUrl) .diskCacheStrategy(DiskCacheStrategy.ALL) .placeholder(R.drawable.placeholder_image) .into(imageView); ``` 4. **使用 `SimpleTarget` 监听加载状态并精确控制显示** 如果需要更精细的控制，可以使用 `SimpleTarget` 来监听加载状态，并在 `onStart()`、`onResourceReady()` 等回调中设置占位图或图片资源，确保视图状态同步[^1]。 ```java Glide.with(context) .load(imageUrl) .asBitmap() .into(new SimpleTarget<Bitmap>() { @Override public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) { imageView.setImageBitmap(resource); } @Override public void onStart() { imageView.setImageResource(R.drawable.loading); } @Override public void onLoadFailed(Exception e, Drawable errorDrawable) { imageView.setImageResource(R.drawable.error_image); } }); ``` 5. **避免视图复用导致的错位** 确保在 `onBindViewHolder()` 或 `getView()` 中每次绑定数据时都重置 ImageView 的内容，例如设置默认图片或清除之前的 Glide 加载。 ```java Glide.clear(imageView); imageView.setImageResource(R.drawable.default_image); ``` 6. **使用 `.transition()` 添加加载动画** 通过设置过渡动画，可以让图片加载过程更平滑，减少视觉上的闪烁感。 ```java Glide.with(context) .load(imageUrl) .transition(DrawableTransitionOptions.withCrossFade()) .into(imageView); ``` --- ###
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值