Glide 是如何加载 GIF 动图的？
首先需要区分加载的图片类型，即网络请求拿到输入流后，获取输入流的前三个字节，若为 GIF 文件头，则返回图片类型为 GIF。
确认为 GIF 动图后，会构建一个 GIF 的解码器（StandardGifDecoder），它可以从 GIF 动图中读取每一帧的数据并转换成 Bitmap，然后使用 Canvas 将 Bitmap 绘制到 ImageView 上，下一帧则利用 Handler 发送一个延迟消息实现连续播放，所有 Bitmap 绘制完成后又会重新循环，所以就实现了加载 GIF 动图的效果。
未使用gifli加载gif图,使用glide加载gif效果:
使用giflib加载gif图效果:
解决方案 : 使用 giflib 库 (gif编解码库c++ )，并提供Java 。使用它要比glide加载GIF效果效果要好，glide加载加载GIF图片CPU占用高，并且内存占用一直在增加。采用JNI调用的方式加载gif图.
或者在这里下载 https://android.googlesource.com/platform/external/giflib/+/android-9.0.0_r16
首先把项目转化为c++项目. 然后在cpp目录创建giflib文件夹,将下载的giflib源码拷贝到giflib文件夹下面
如下图:
将无用的文件删除后在使用cmakelist编译
cmake_minimum_required(VERSION 3.4.1)
#引入源码
file(GLOB_RECURSE GIF_LIB ${CMAKE_SOURCE_DIR}/giflib/*.*)
file(GLOB_RECURSE FRAME_SEQUENCE ${CMAKE_SOURCE_DIR}/*.cpp*)
add_library(mygif
SHARED
${FRAME_SEQUENCE}
${GIF_LIB})
list(APPEND LIBS
jnigraphics
android
GLESv2
log
)
set(LIBS)
list(APPEND LIBS
jnigraphics
android
GLESv2
log
)
target_link_libraries(mygif ${LIBS})
GifDecoder
package com.example.giflibdemo;
import android.graphics.Bitmap;
import android.support.rastermill.FrameSequence;
import android.support.rastermill.FrameSequenceDrawable;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import com.bumptech.glide.load.Options;
import com.bumptech.glide.load.ResourceDecoder;
import com.bumptech.glide.load.engine.Resource;
import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import java.io.IOException;
import java.io.InputStream;
public class GifDecoder implements ResourceDecoder<InputStream, FrameSequenceDrawable> {
private BitmapPool bitmapPool;
public GifDecoder(BitmapPool bitmapPool) {
this.bitmapPool = bitmapPool;
}
@Override
public boolean handles(@NonNull InputStream source, @NonNull Options options) throws IOException {
return true;
}
@Nullable
@Override
public Resource<FrameSequenceDrawable> decode(@NonNull InputStream source, int width, final int height, @NonNull Options options) throws IOException {
FrameSequence frameSequence = FrameSequence.decodeStream(source);
FrameSequenceDrawable frameSequenceDrawable = new FrameSequenceDrawable(frameSequence, new FrameSequenceDrawable.BitmapProvider() {
@Override
public Bitmap acquireBitmap(int minWidth, int minHeight) {
return bitmapPool.get(minWidth, minHeight, Bitmap.Config.ARGB_8888);
}
@Override
public void releaseBitmap(Bitmap bitmap) {
bitmapPool.put(bitmap);
}
});
return new GifResource(frameSequenceDrawable);
}
}
GifGlideModule
package com.example.giflibdemo;
import android.content.Context;
import android.support.rastermill.FrameSequenceDrawable;
import androidx.annotation.NonNull;
import com.bumptech.glide.Glide;
import com.bumptech.glide.GlideBuilder;
import com.bumptech.glide.Registry;
import com.bumptech.glide.annotation.GlideModule;
import com.bumptech.glide.module.AppGlideModule;
import com.bumptech.glide.module.LibraryGlideModule;
import java.io.InputStream;
@GlideModule
public class GifGlideModule extends AppGlideModule {
//public class GifGlideModule extends LibraryGlideModule {
@Override
public void applyOptions(@NonNull Context context, @NonNull GlideBuilder builder) {
super.applyOptions(context, builder);
}
@Override
public void registerComponents(@NonNull Context context,
@NonNull Glide glide, @NonNull Registry registry) {
super.registerComponents(context, glide, registry);
registry.append(Registry.BUCKET_GIF, InputStream.class,
FrameSequenceDrawable.class, new GifDecoder(glide.getBitmapPool()));
// registry.append(Registry.BUCKET_GIF, InputStream.class,
// FrameSequenceDrawable.class, new GifDecoder(glide.getBitmapPool()));
}
@Override
public boolean isManifestParsingEnabled() {
return false;
}
}
GifResource
package com.example.giflibdemo;
import android.support.rastermill.FrameSequenceDrawable;
import androidx.annotation.NonNull;
import com.bumptech.glide.load.resource.drawable.DrawableResource;
public class GifResource extends DrawableResource<FrameSequenceDrawable> {
public GifResource(FrameSequenceDrawable drawable) {
super(drawable);
}
@NonNull
@Override
public Class<FrameSequenceDrawable> getResourceClass() {
return FrameSequenceDrawable.class;
}
@Override
public int getSize() {
return 0;
}
@Override
public void recycle() {
drawable.stop();
drawable.destroy();
}
}
GlideExtension
package com.example.giflibdemo;
import android.support.rastermill.FrameSequenceDrawable;
import com.bumptech.glide.RequestBuilder;
import com.bumptech.glide.annotation.GlideType;
import com.bumptech.glide.request.RequestOptions;
@com.bumptech.glide.annotation.GlideExtension
public class GlideExtension {
private GlideExtension() {
}
final static RequestOptions DECODE_TYPE = RequestOptions
.decodeTypeOf(FrameSequenceDrawable.class)
.lock();
@GlideType(FrameSequenceDrawable.class)
public static RequestBuilder<android.support.rastermill.FrameSequenceDrawable> asGif2(RequestBuilder<FrameSequenceDrawable> requestBuilder) {
// RequestBuilder<android.support.rastermill.FrameSequenceDrawable
return requestBuilder.apply(DECODE_TYPE);
}
}
int gif = R.mipmap.loading_gif;
//String gif = "http://2zhoumu-comic-public-test.oss-cn-hangzhou.aliyuncs.com/cover/comic/gc1100004.gif";
//使用giflib加载
GlideApp.with(this).as(FrameSequenceDrawable.class).load(gif).into(imageView);
//使用glide原生加载
// Glide.with(this).asGif().load(gif).into(imageView);
考虑如何使用,一般是给ImageView设置bitmap,但是bitmap存储效率低.故而使用Drawable. ImageView有一个setImageDrawable的方法
思路:
系统有个BitmapDrawable,但是这里需要自己定义一个GifDrawable用于显示gif图片 这里framesequence 已经帮我们做了.
GifDrawable 需要做的操作:
注意点:
需要让jni创建java对象
glide 使用glidemodule 官方文档
https://bumptech.github.io/glide/doc/configuration.html
其他资料
Bitmap - 称作位图，一般位图的文件格式后缀为bmp，当然编码器也有很多如RGB565、RGB888。作为一种逐像素的显示对象执行效率高，但是缺点也很明显存储效率低。我们理解为一种
存储对象比较好。
Drawable - 作为Android平下通用的图形对象，它可以装载常用格式的图像，比如GIF、PNG、JPG，当然也支持BMP，当然还提供一些高级的可视化对象，比如渐变、图形等。
giflib api 加载方式: