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

最新推荐文章于 2025-06-29 09:24:32 发布
最新推荐文章于 2025-06-29 09:24:32 发布
阅读量9.2k 收藏 3
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： Glide加载圆角图片 Glide加载圆角图片闪烁 Glide加载圆角图片遇到的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/andcisco/article/details/96487800
本文介绍如何使用Glide4.0+在Android应用中实现图片圆角效果，包括配置RequestOptions，自定义BitmapTransformation以及解决图片闪烁问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天由于项目需求的原因, 需要把原来的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 6259
最近在开发中发现RecyclerView刷新列表（notifyDataSetChanged）时，如果使用的是Glide加载图片，那么会出现图片闪烁、图片变形的问题，针对于此有着千奇百怪的解决方案 ~ 首先我的问题已经解决，但是尝试了不少方式，特此做一下归纳 ~ 问题背景成功方式解决方式动画方面解决方式 一解决方式 二Tag 问题背景 每个人的场景可能不同，仅记录我的场景，解决方式可能通用，可一试 列表控件：RecyclerView 图片框架：Glide 问题场景：购物车+、- 数据变化 所遇问题：每次.
Android笔记：使用Glide加载图片刷新时会闪烁
知道的越多，不知道的越多。
01-09 7071
可能这个问题很常见，大家也有不少人解决了，大部分人用的方法一和二如果你还没解决的话，那么看这篇文章就对了 使用RecyclerView，Glide加载图片，当点击图片进行刷新，不管是局部刷新还是全部刷新的时候，都会使用glide重新加载图片，这时候如果glide加载图片的时候没设置好就会出现刷新的时候闪烁的问题，当然这是我出现的问题。 方法一 网上很多基本都是说recyclerview刷新闪烁是因...
Glide 加载 图片 多次切换 屏幕闪烁问题
天行健，君子以自强不息。
09-05 605
使用前一张图片做为过渡图片去除中间闪白：
Glide图片加载库全面解析：Android开发者的高效图像处理利器
最新发布
gitblog_00853的博客
06-29 1002
Glide图片加载库全面解析：Android开发者的高效图像处理利器 什么是Glide？ Glide是一款专为Android平台设计的高性能图片加载库，其核心设计理念是实现流畅的图片滚动体验。作为Android开发者必备的工具之一，Glide以其卓越的性能表现和简洁的API设计赢得了广泛认可。 Glide的核心特性 1. 全面的媒体格式支持 Glide不仅支持常见的静态图片格式（JPEG、PNG等...
android Glide 图片闪一下
weixin_41484200的博客
08-10 725
Android Glide 图片闪一下现象的解析与解决方案 在Android开发中，Glide是一个非常流行的图片加载库。然而，在使用Glide时，一些开发者会发现加载的图片在首次显示时会出现“闪一下”的现象。这不仅影响用户体验，同时也可能让我们在开发中感到困惑。本文将分析导致这一现象的原因，并提供解决方案，同时带有代码示...
使用Glide重新加载图片时会闪烁，RecyclerView等控件
sese12138的博客
12-22 4239
最近开发使用Glide加载图片到RecyclerView的item中的ImageView，发现重新刷新时每个ImageView都会闪烁一下 在网上找了很多解决方案： 1.更改RecyclerView中的 DefaultItemAnimator 类中的 animateChangeImpl() 方法,去掉透明度变化 然后再将更改好的类设置给RecyclerView 发现没什么用 2....
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
android listview使用glide异步加载图片错位，闪烁问题
IT界寿险规划师的博客
08-14 2034
技术交流、保险配置问题，欢迎电话微信交流！
Android开发之listview优化+图片异步加载缓存+避免图片显示闪烁
10-20
2.2 **图片库选择**：推荐使用成熟的图片加载库，如Glide、Picasso或 Fresco。这些库支持内存和磁盘缓存，自动处理图片尺寸，避免OOM，并能优雅地处理图片的加载和显示。 2.3 **图片大小调整**：根据ImageView的...
ListView配合Glide加载图像闪烁问题（ListView多次刷新重复执行getView问题规避）
曹小旭
06-24 640
问题场景： 项目中使用ListView配合Glide显示多列，每一列都有图像，但是在效果出来后发现，每次刷新完界面图像会闪烁多次，查看log发现ListView中的getView执行了多次，网上查阅资料，有人说是由于ListView高度设置成wrap_content，如下所示： android:layout_height="wrap_content" 应该设置为match_parent（改为match_parent确实会使getView只执行一次），但是实际开发中有时候布局不能改变，所以需要另寻出路
Glide给imageview加载图片闪烁
songzi1228的博客
07-30 7074
场景：使用Glide给一个imageview切换图片，切换时可以看到很明显的闪烁，体验不太友好。 解决方案： Glide.with(HomeActivity.this) .load(R.mipmap.home_bg_login_head2) .placeholder(R.mipmap.home_bg_login_head2) .dontAnim...
glide加载图片有进度显示
12-08
glide加载图片，有进度显示，可以根据自己需要看源码。
Android中使用Glide加载图片闪烁问题
qq_27246079的博客
03-10 553
原因在于Glide会将我们传入的ImageView包装成ImageViewTarget对象，当Glide为Imageview重新加载新图片前会先调用com.bumptech.glide.request.SingleRequest的clear()方法，当使用Glide如上面的方式加载图片时，尤其是当图片资源比较大时，在更新图片资源（即将图a换成图b）时可能会出现ImageView短暂显示为透明状态，给人以闪烁的感觉，很不友好。这里会调用ImageViewTarget的onLoadCleared()方法，
Glide刷新图片闪啊闪
wuqingsen1的博客
08-02 6215
Glide加载图片，加上 dontAnimate() ，再把 skipMemoryCache 设置为false（可不设置，默认为 false）具体如下： Glide.with(context).load(url)            .error(error)           .skipMemoryCache(false)            .dontAnimate()        ...
glide加载图片闪烁_Android Glide图片加载框架介绍
weixin_39785669的博客
11-30 479
官方介绍Glide是一个快速高效的Android图片加载库，注重于平滑的滚动。Glide提供了易用的API，高性能、可扩展的图片解码管道(decode pipeline)，以及自动的资源池技术。Glide 支持拉取，解码和展示视频快照，图片，和GIF动画。Glide的Api是如此的灵活，开发者甚至可以插入和替换成自己喜爱的任何网络栈。默认情况下，Glide使用的是一个定制化的基于HttpUrlCo...
Glide设置圆角图片导致的闪烁
kqz2014的博客
05-16 380
从Glide源码中可以看到调用maybeUpdateAnimatable，执行这个动画可能是导致闪烁的原因，所以直接重写onResourceReady，不执行动画，避免闪烁。第一：直接将skipMemoryCache设置为false，但是可能会导致再此更新图片的时候不跟新，直接从缓存中获取。给网络图片设置圆角会导致闪烁。
glide加载图片闪烁_html5 canvas绘制图片
weixin_39780962的博客
11-28 160
举两个新手（我）比较容易范的错误1、图片声明了，绘制方法也ok了，但是有的时候就可以显示出来，有的时候就显示不出来function draw(){ var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=new Image(); img.src = "https://www.runoob....
[问题]更换个人头像,使用Glide加载图片后,闪动(前头像--＞占位图--＞新头像)
浮生kk
07-12 328
问题点如标题,解决办法: Glide.with(this) .load(imageUrl) .apply(new RequestOptions() .placeholder(ivPortrait.getDrawable()) .error(R.mipmap.me_no_login_logo)) .into(ivPortrait); placeholder中写控件.getDrawable即可
glide设置成圆角图片 以及解决刷新图片闪烁的问题，手把手教你写
2301_76190858的博客
03-29 1166
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。下图是我进阶学习所积累的历年腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节祝大家都能得到自己心仪工作。技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。
Glide 切换图片会闪烁imageview原本的图片
03-20
<think>好的，我现在需要解决用户提出的问题：Glide在切换图片时ImageView出现闪烁的情况，该怎么解决。首先，我要理解用户的问题场景。用户在使用Glide加载图片，当切换不同的图片到同一个ImageView时，界面会出现闪烁。这可能是因为图片加载过程中的过渡效果不够平滑，或者缓存策略的问题，导致每次加载都从网络或磁盘重新获取，从而出现短暂的空白或图片替换时的闪烁。 接下来，我需要回顾Glide的相关知识。Glide是一个强大的图片加载库，提供了多种配置选项来优化图片加载体验。用户提到的闪烁问题可能涉及到过渡动画、缓存设置、占位符的使用，或者是图片加载完成后的处理方式。 根据引用中的信息，用户可能已经使用了占位符（placeholder）和错误图（error），如引用[1]中的代码所示。占位符可以在图片加载时显示，避免ImageView空白，但如果过渡动画设置不当，可能在图片加载完成时出现闪烁。例如，默认情况下，Glide可能会使用交叉淡入淡出动画（crossFade），如果两张图片差异较大，可能会显得闪烁。 另外，引用[2]中提到用户尝试设置ImageView的scaleType为fitXY导致OOM，这可能与图片处理方式有关，但当前的问题是关于切换时的闪烁，可能与scaleType的关系不大，但需要考虑图片尺寸是否适配，避免频繁调整导致视觉上的闪烁。 引用[3]和[5]提到了图片处理，如旋转和圆角设置，但这些问题可能不直接导致闪烁。引用[4]讨论了Glide的centerCrop/fitCenter与ImageView的scaleType的相互作用，如果scaleType设置不当，可能导致图片加载时尺寸变化，产生视觉上的闪烁。 接下来，我需要整理可能的解决方案： 1. **禁用过渡动画**：Glide默认可能会使用过渡动画，如交叉淡入淡出，禁用这个动画可能减少闪烁。可以通过`dontAnimate()`方法来实现。 2. **使用一致的占位符**：确保在加载图片时始终使用相同的占位符，避免占位符和实际图片之间的突兀切换。 3. **调整过渡时间**：如果希望保留动画效果，可以缩短过渡时间，使其更平滑。 4. **检查缓存策略**：确保Glide正确使用内存和磁盘缓存，避免重复加载同一张图片时重新请求，导致延迟和闪烁。 5. **预加载图片**：在需要切换图片前，预加载下一张图片到缓存中，减少加载时的延迟。 6. **确保图片尺寸匹配**：使用override方法指定图片的精确尺寸，避免Glide缩放图片时产生延迟或视觉差异。 7. **使用自定义过渡动画**：自定义更平滑的过渡效果，替代默认的可能引起闪烁的动画。 现在需要验证这些方案的可行性。例如，禁用过渡动画是否真的能解决闪烁问题。用户可能在代码中已经启用了默认的交叉淡入淡出，导致切换时出现短暂的白屏或闪烁。通过禁用动画，图片会立即替换，可能更流畅，但缺乏过渡效果。如果用户希望有过渡效果，但减少闪烁，可能需要调整动画的持续时间或者使用其他动画类型。 此外，缓存策略是否正确配置也很重要。如果每次加载图片都跳过内存缓存（skipMemoryCache(true)），那么每次切换都会重新加载，可能导致延迟和闪烁。确保内存缓存启用，并且磁盘缓存策略合适（如DiskCacheStrategy.ALL）。 关于图片尺寸，如果ImageView的尺寸固定，使用override设置具体宽高可以让Glide更高效地加载合适尺寸的图片，减少处理时间，从而减少闪烁的可能性。 最后，综合这些可能的解决方案，给出一个结构清晰的回答，分点列出，并引用相关的参考资料。例如，禁用过渡动画可以参考Glide的API文档，使用override方法可以参考引用[2]中提到的处理图片尺寸的方法。</think>### Glide切换图片导致ImageView闪烁的解决方案 当使用Glide切换图片时出现闪烁，通常是由于过渡动画、缓存策略或图片加载设置不当导致。以下是分步解决方案： 1. **禁用默认过渡动画** Glide默认使用交叉淡入淡出动画（约300ms），可能造成视觉闪烁。通过`dontAnimate()`禁用动画可立即显示图片： ```kotlin Glide.with(context) .load(url) .dontAnimate() // 禁用过渡动画 .into(imageView) ``` 若需保留动画效果，可缩短持续时间（需自定义动画）[^4]。 2. **保持占位符一致性** 确保`placeholder`和`error`使用相同图片，避免加载过程中视觉跳跃： ```kotlin .placeholder(R.drawable.baseline_photo_240) // 与错误图保持一致 .error(R.drawable.baseline_photo_240) ``` 3. **强制使用内存缓存** 检查是否跳过缓存导致重复加载，确保配置为`DiskCacheStrategy.ALL`： ```kotlin .diskCacheStrategy(DiskCacheStrategy.ALL) // 缓存所有版本图片 .skipMemoryCache(false) // 启用内存缓存（默认已启用） ``` 4. **精确指定图片尺寸** 若ImageView宽高固定，使用`override`减少缩放计算时间： ```kotlin .override(imageView.width, imageView.height) // 精确匹配尺寸[^2] ``` 5. **预加载下一张图片** 提前将下一张图加载到缓存，减少切换延迟： ```kotlin Glide.with(context) .load(nextUrl) .preload() // 预加载到缓存 ``` 6. **自定义过渡动画（可选）** 若需动画效果，使用`TransitionOptions`定义更平滑的动画： ```kotlin val options = GenericTransitionOptions<Drawable>() .transition(R.anim.fade_in) // 自定义淡入动画 Glide.with(context) .load(url) .transition(options) .into(imageView) ``` --- ### 关键原理 闪烁通常源于**动画冲突**或**缓存失效**。禁用动画直接解决视觉跳跃问题，而缓存优化减少加载延迟。若需进一步优化，可结合`CircleCrop`[^4]或`RoundedBitmapDrawable`[^5]处理特殊形状图片，避免渲染时的额外计算。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值