Android开发——优化Glide加载超大gif图,零基础学android开发

文章探讨了一加1手机运行Android6.0时,如何通过使用giflib和android-gif-drawable库优化GIF图的加载速度和内存/CPU占用,以及如何结合Glide框架实现更高效的GIF解析和渲染。
摘要由CSDN通过智能技术生成

一加1手机android6.0,加载6张2-5mb的gif图

How


要优化首先要了解gif的特性,已经glide如何渲染gif的。由于源码的剖析过程非常长,都可以单独出个文章了。这里只说下要点:

  • gif特性:
  1. gif文件的文件头前3个字节必然为 ‘G’ ‘I’ ‘F’

  2. gif中的每一帧尺寸相同

  3. gif中每帧会有间隔时间

  • glide支持:
  1. ImageHeaderParserUtils.getType 检测资源是否为gif

  2. com.bumptech.glide.load.resource.gif.GifDrawable 为最终渲染gif的drawable

  3. StreamGifDecoder 和 ByteBufferGifDecoder 把流转换为GifDrawable

  4. GifDrawableEncoderGifDrawable转换为File

  5. 以上组件模块在com.bumptech.glide.Glide的构造方法内进行注册组装

优化的技术选型

  1. 优化解析速度提升效率,使用giflib替换glide的java解析代码提升效率

例如:giflibandroid-gif-drawable

  1. 缓冲渲染,2个Bitmap容器轮流进入子线程解析填充,之后在主线程渲染

根据上机实际表现android-gif-drawable,内存占用和Cpu占用率最好,而且提供了pl.droidsonroids.gif.GifDrawable并且拥有解析和序列化的api,而且作者在持续维护,后期bug修复和项目其他需求支持均可以兼顾,选择此第三方库为gif解析和渲染核心。

融合glide

glide的gif之前前面已经分析出来,我们只需要照猫画虎实现对应接口和类即可,copy修改开始,创建如下这些类

GifLibDecoder 解析io InputStream 实际是获取byte[]交给下面的解析器

GifLibByteBufferDecoder 解析 byte[]生成 GifDrawable的 包装 GifLibDrawableResource

GifLibDrawableResource 封装GifDrawable提供销毁和内存占用大小计算(用于lrucache)

DrawableBytesTranscoder和GifLibBytesTranscoder 用于转换

GifLibEncoder 用于序列化成文件

重要的解析类:

class GifLibByteBufferDecoder …

@Throws(IOException::class)

override fun handles(source: ByteBuffer, options: Options): Boolean {

//必须要 开启anim

val isAnim = !options.get(GifOptions.DISABLE_ANIMATION)!!

//根据文件头判断是否是gif

val isGif = ImageHeaderParserUtils.getType(parsers, source) == ImageType.GIF

// DES: 此日志主要关注 gif图并且 设置了不允许动画的地方

if (isGif) Log.e(TAG, “gif options anim ->$isAnim”)

return isAnim && isGif

}

/*解析方法/

private fun decode(byteBuffer: ByteBuffer, width: Int, height: Int, parser: GifHeaderParser, options: Options): GifLibDrawableResource? {

val startTime = LogTime.getLogTime()

return try {

val header = parser.parseHeader()

if (header.numFrames <= 0 || header.status != GifDecoder.STATUS_OK) {

// If we couldn’t decode the GIF, we will end up with a frame count of 0.

return null

}

//进行采样设置

val sampleSize = getSampleSize(header, width, height)

//创建解析器构建模式

val builder = GifDrawableBuilder()

builder.from(byteBuffer)

builder.sampleSize(sampleSize)

builder.isRenderingTriggeredOnDraw = true

// pl.droidsonroids.gif.GifOptions gifOptions = new pl.droidsonroids.gif.GifOptions();

// DES: 不含透明层可以加速渲染 但是透明的gif会渲染黑色背景

// gifOptions.setInIsOpaque();

val gifDrawable = builder.build()

val loopCount = gifDrawable.loopCount

if (loopCount <= 1) {

//循环一次的则矫正为无限循环

Log.v(TAG, “Decoded GIF LOOP COUNT WARN $loopCount”)

gifDrawable.loopCount = 0

}

GifLibDrawableResource(gifDrawable, byteBuffer)

} catch (e: IOException) {

Log.v(TAG, “Decoded GIF Error” + e.message)

null

} finally {

Log.v(TAG, "Decoded GIF from stream in " + LogTime.getElapsedMillis(startTime))

}

}

}

序列化类:

class GifLibEncoder : ResourceEncoder<GifDrawable?> {

override fun getEncodeStrategy(options: Options): EncodeStrategy {

return EncodeStrategy.SOURCE

}

override fun encode(data: Resource<GifDrawable?>, file: File, options: Options): Boolean {

var success = false

if (data is GifLibDrawableResource) {

val byteBuffer = data.buffer

try {

ByteBufferUtil.toFile(byteBuffer, file)

success = true

} catch (e: IOException) {

e.printStackTrace()

}

// DES: 将 resource 编码成文件

Log.d(TAG, “GifLibEncoder -> $success -> ${file.absolutePath}”)

}

return success

}

}

注册组件,注解注册类继承AppGlideModule并在registerComponents中调用如下fun:

@JvmStatic

fun registerGifLib(glide: Glide, registry: Registry) {

//优先使用gifLib-Gif

val bufferDecoder = GifLibByteBufferDecoder(registry.imageHeaderParsers)

val gifLibTranscoder = GifLibBytesTranscoder()

val bitmapBytesTranscoder = BitmapBytesTranscoder()

val gifTranscoder = GifDrawableBytesTranscoder()

registry.prepend(

Registry.BUCKET_GIF, java.io.InputStream::class.java, GifDrawable::class.java,

GifLibDecoder(registry.imageHeaderParsers, bufferDecoder, glide.arrayPool)

).prepend(

Registry.BUCKET_GIF,

java.nio.ByteBuffer::class.java,

GifDrawable::class.java, bufferDecoder

).prepend(

GifDrawable::class.java, GifLibEncoder()

).register(

Drawable::class.java, ByteArray::class.java,

DrawableBytesTranscoder(

glide.bitmapPool,

bitmapBytesTranscoder,

gifTranscoder,

gifLibTranscoder

)

).register(

GifDrawable::class.java, ByteArray::class.java, gifLibTranscoder

)

}

Registry api说明

  • append(..) 追加到最后,当内部的组件在 handles()返回false或失败时候使用追加组件

  • prepend(..)最佳到前面,当你的组件在失败时候使用原生提供组件

  • replace(..)替换组件

Result


验证组件是否注册成功

IGlideModule.with(view).load(url)

.placeholder(R.color.colorAccent)

.listener(object : RequestListener {

override fun onResourceReady(

resource: Drawable?, model: Any?,

target: Target?, dataSource: DataSource?, isFirstResource: Boolean

): Boolean {

if (resource is pl.droidsonroids.gif.GifDrawable) {

Log.d(“TAG”, “giflib的 Gifdrawable”)

} else if (resource is com.bumptech.glide.load.resource.gif.GifDrawable) {

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

题外话

我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限,很多程序员朋友无法获得正确的资料得到学习提升,故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展~

题外话

我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限,很多程序员朋友无法获得正确的资料得到学习提升,故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

[外链图片转存中…(img-LjlmcVa2-1712073761896)]

希望我能够用我的力量帮助更多迷茫、困惑的朋友们,帮助大家在IT道路上学习和发展~

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

  • 22
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值