源码解析,Glide 加载 GIF 图的原理竟然这么简单
还是从 Glide 给我们提供的写法来入手这块的源码

一上来就发现了今天的主角:GifDrawable

确认过眼神,是想要的类

那么问题来了,这个类有将近 500 多行代码,我们该从哪里看起?

这就跟看书类似,我们可以先看目录,在源码中也差不多,只不过它叫代码结构
源码解析
通过查看代码结构,我们发现了一个方法,从方法名上理解,它是开始播放第一帧的方法,那么我们就从这个方法入手

我们可以看到当 Gif 只有一帧的时候,会直接调用绘制方法,而 Gif 不止一帧的时候,那么它就开启了订阅,接下来让我们看看这个订阅的方法里面做了什么事情



接下来让我们重点看一下这三句代码分别做了什么事


看到这里我们大概明白了,这个方法是用来递增帧位置的,从它的算法来看,这还是一个无限轮播的算法

看完了 advance 的作用,我们回去接着看剩下的两句代码

是不是忽然有点蒙,这个类是什么,我们先看一下它的父类

是不是有点似曾相识,但就是怎么也说不出来什么,让我们先看看它的父类

这个 Target 就是我们上篇讲到图片加载流程提到过的接口
这个接口的作用就是回调一些加载监听,这个接口前面三个方法分别是:加载开始、加载失败、加载成功读取资源的回调

现在我们知道了这个是加载资源的回调,那么它又是从哪里调用的?

就是在我们后面要讲的第三句代码里面调用的,真是让人意想不到

我们看到在加载资源的回调中发送了一个消息,那么这个消息最终是去了哪里,接下来让我们根据这个消息的 what 参数进行跟踪

评论