Android图片加载库—Glide 最全面解析用法
2017-01-15 21:13
393 查看
GitHub源码 点击查看
1. 简介
Glide是一个高效、开源、 Android设备上的媒体管理框架,它遵循BSD、MIT以及Apache 2.0协议发布。Glide具有获取、解码和展示视频剧照、图片、动画等功能,它还有灵活的API,这些API使开发者能够将Glide应用在几乎任何网络协议栈里。2. 功能特点
创建Glide的主要目的有两个,一个是实现平滑的图片列表滚动效果,另一个是支持远程图片的获取、大小调整和展示。近日,Glide 3.0发布,现已提供jar包下载,同时还支持使用Gradle以及Maven进行构建。
该版本包括很多值得关注的新功能,如支持Gif 动画和视频剧照解码、智能的暂停和重新开始请求、支持缩略图等,具体新增功能如下如下:
GIF动画的解码:通过调用Glide.with(context).load(“图片路径“)方法GIF动画图片可以自动显示为动画效果。
如果想有更多的控制,还可以使用Glide.with(context).load(“图片路径“).asBitmap()方法加载静态图片。
使用Glide.with(context).load(“图片路径“).asGif()方法加载动画图片。
2.1 功能列表
2.1.1 基础功能
图片的异步加载(基础功能)ImageView targetImageView = (ImageView) findViewById(R.id.ImageView); String Url = "http://218.192.170.132/1.jpg"; //Glide使用了流式接口的调用方式 Glide.with(context).load(Url).into(targetImageView);
设置加载尺寸
Glide.with(this).load(imageUrl).override(800, 800).into(imageView);
设置加载动画
Glide.with(this).load(imageUrl).animate(R.anim.item_alpha_in).into(imageView);
api也提供了几个常用的动画:比如crossFade()
R.anim.item_alpha_in
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:duration="500" android:fromAlpha="0.0" android:toAlpha="1.0"/> </set>
设置要加载的内容
项目中有很多需要先下载图片然后再做一些合成的功能,比如项目中出现的图文混排,该如何实现目标下
Glide.with(this).load(imageUrl).centerCrop().into(new SimpleTarget<GlideDrawable>() { @Override public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) { imageView.setImageDrawable(resource); } });
设置加载中以及加载失败图片
api里面对placeholder()、error()函数中有多态实现,用的时候可以具体的熟悉一下
Glide.with(this).load(imageUrl).placeholder(R.mipmap.ic_launcher).error(R.mipmap.ic_launcher) .into(imageView);
2.1.2特色功能
多样式的媒体加载Glide.with(context).load(imageUrl); .thumbnail(0.1f);//设置缩略图支持:先加载缩略图 然后在加载全图 //传了一个 0.1f 作为参数,Glide 将会显示原始图像的10%的大小。 //如果原始图像有 1000x1000 像素,那么缩略图将会有 100x100 像素。 .asBitmap()//显示gif静态图片 .asGif();//显示gif动态图片 .into(imageView);
关于缓存
设置跳过内存缓存
Glide.with(this).load(imageUrl).skipMemoryCache(true).into(imageView); //设置跳过内存缓存 //这意味着 Glide 将不会把这张图片放到内存缓存中去 //这里需要明白的是,这只是会影响内存缓存!Glide 将会仍然利用磁盘缓存来避免重复的网络请求。
动态清理缓存
Glide.get(this).clearDiskCache();//清理磁盘缓存 需要在子线程中执行 Glide.get(this).clearMemory();//清理内存缓存 可以在UI主线程中进行
设置磁盘缓存策略
Glide.with(this).load(imageUrl).diskCacheStrategy(DiskCacheStrategy.ALL).into(imageView); //缓存参数 //ALL:缓存源资源和转换后的资源(即所有版本,默认行为) //NONE:不作任何磁盘缓存。然而,默认的它将仍然使用内存缓存! //SOURCE:仅缓存源资源(原来的全分辨率的图像)。 //在我们上面略缩图的例子中,将会只有一个1000x1000 像素的图片 //RESULT:缓存转换后的资源(最终的图像,即降低分辨率后的(或者是转换后的)
其他设置
生命周期集成
通过设置绑定生命周期,我们可以更加高效的使用Glide提供的方式进行绑定,这样可以更好的让加载图片的请求的生命周期动态管理起来
.with(Context context)// 绑定Context .with(Activity activity);// 绑定Activity .with(FragmentActivity activity);// 绑定FragmentActivity .with(Fragment fragment);// 绑定Fragment
注意:
1.传入的context类型影响到Glide加载图片的优化程度
2.Glide可以监视Activity的生命周期,在Activity销毁的时候自动取消等待中的请求。但是如果你使用Application context,你就失去了这种优化效果。
设置动态转换
Glide.with(this).load(imageUrl).centerCrop().into(imageView);
设置下载优先级
Glide.with(this).load(imageUrl).priority(Priority.NORMAL).into(imageView);
Demo栗子第1颗
1.配置glide使用环境gradle 'com.github.bumptech.glide:glide:3.7.0'
2.权限
xml <!--网络--> <uses-permission android:name="android.permission.INTERNET"/> <!--sd卡--> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
3.使用Glide加载图片
xml <ImageView android:layout_width="100dp" android:src="@mipmap/ic_launcher" android:id="@+id/image" android:scaleType="centerCrop" android:layout_height="100dp" />
java //(Glide:一种图片三级缓存的实现,可以缓存图片,流畅性强) //步骤一。配置glide使用环境 //1.1.依赖 compile 'com.github.bumptech.glide:glide:3.7.0' //1.2.添加网络权限 INTERNET SD读取 //步骤二。使用Glide加载图片 //2.1.准备网络地址 url = "https://github.com/bumptech/glide/raw/master/static/glide_logo.png"; //2.2.布局一个ImageView,查找出控件 imageView = (ImageView) findViewById(R.id.image); //2.3.加载图片方法 } public void showImage(View view) { Glide.with(this)//设置上下文 .load(url)//设置图片的网络地址 .into(imageView);//指定显示控件 }
Demo栗子第2颗
没有Demo的代码讲解不是好文章,让我们来一步步学会使用Glide。步骤1:在gradle添加依赖
repositories { mavenCentral() } dependencies { compile 'com.github.bumptech.glide:glide:3.7.0' compile 'com.android.support:support-v4:19.1.0' }
步骤2:添加网络权限
<uses-permission android:name="android.permission.INTERNET"/>
步骤3:在MainActivity中
ImageView targetImageView = (ImageView) findViewById(R.id.ImageView); String Url = "http://218.192.170.132/1.jpg"; Glide.with(this).load(Url).into(targetImageView);
- 4. 特点
4.1 优点- 多样化媒体加载
Glide 不仅是一个图片缓存,它支持 Gif、WebP、缩略图。甚至是 Video
生命周期集成
通过设置绑定生命周期,我们可以更加高效的使用Glide提供的方式进行绑定,这样可以更好的让加载图片的请求的生命周期动态管理起来
高效的缓存策略
A. 支持Memory和Disk图片缓存
B. Picasso 只会缓存原始尺寸的图片,而 Glide 缓存的是多种规格,也就意味着 Glide 会根据你 ImageView 的大小来缓存相应大小的图片尺寸
比如你ImageView大小是200 200,原图是400 400 ,而使用Glide就会缓存200 200规格的图,而 Picasso只会缓存400 400规格的。这个改进就会导致Glide比Picasso加载的速度要快,毕竟少了每次裁剪重新渲染的过程,非常灵活 & 加载速度快
C. 内存开销小
默认的Bitmap格式是RGB_565格式,而Picasso默认的是ARGB_8888格式,这个内存开销要小一半。
Android关于图片内存计算,共有四种,分别是:
1、ALPHA_8:每个像素占用1byte内存
2、ARGB_4444:每个像素占用2byte内存
3、ARGB_8888:每个像素占用4byte内存(默认,色彩最细腻=显示质量最高=占用的内存也最大)
4、RGB_565:每个像素占用2byte内存(8bit = 1byte)
举例说明:一个32位的PNG=ARGB_8888=1204x1024,那么占用空间是:1024x1024x(32/8) = 4,194,304kb=4M左右
在解析图片的时候,为了避免oom和节省内存,最好使用ARGB_4444模式(节省一半的内存空间)
4.2 缺点
使用方法复杂
由于Glide其功能强大,所以使用的方法非常多,其源码也相对的复杂
包较大
- 5. 相比其他图片加载库(Picasso & Fresco)
对比PicassoGlide 是在Picasso 基础之上进行的二次开发做了不少改进,不过这也导致包比 Picasso 大不少,不过也就不到 500k(Picasso 是100多k),用法较为复杂,不过毕竟级别还是蛮小的,影响不是很大
对比Fresco
使用较Fresco简单,但性能(加载速度 & 缓存)却比不上Fresco
- 6. 应用场景
根据Glide的特点和与其他图片加载库的对比,可以得出其使用场景:需要更多的内容表现形式(如Gif);
更高的性能要求(缓存 & 加载速度);
7. GlideModules冲突
虽然Glide允许一个应用当中存在多个GlideModules,Glide并不会按照一个特殊的顺序去调用已注册的GlideModules,如果一个应用的多个依赖工程当中有多个相同的Modules,就有可能会产生冲突。如果一个冲突是不可避免的,应用应该默认去定义一个自己的Module,用来手动地处理这个冲突,在进行Manifest合并的时候,可以用下面的标签排除冲突的module
<meta-data android:name="com.example.xx.glide" tools:node="remove"/>
8. 使用Glide下载自定义尺寸的图片
Glide的ModelLoader接口为开发者提供了装载图片的view的尺寸,并且允许开发者使用这些尺寸信息去选择合适的URL去下载图片。选用适当的尺寸可以节省宽带和设备的空间开销,提高app的性能通过http/https下载图片,可以通过继承BaseGlideUtlLoader来实现:
public interface MyDataModel { public String buildUrl(int width, int height); } public class MyUrlLoader extends BaseGlideUrlLoader<MyDataModel> { @Override protected String getUrl(MyDataModel model, int width, int height) { // Construct the url for the correct size here. return model.buildUrl(width, height); } }
可以使用你自定义的ModelLoader去加载图片了
Glide.with(yourFragment).using(new MyUrlLoader()).load(yourModel).into(yourView);
如果你想避免每次加载图片都要使用.using(new MyUrlLoader()) ,可以实现是一个
ModelLoaderFactory然后使用Glide将它注册到GlideModule当中
public class MyGlideModule implements GlideModule { ... @Override public void registerComponents(Context context, Glide glide) { glide.register(MyDataModel.class, InputStream.class, new MyUrlLoader.Factory()); } }
这样你就可以跳过.using()了
Glide.with(yourFragment).load(yourModel).into(yourView);
9. 集成库
1.什么是集成库Glide包含一些小的、可选的集成库,目前Glide集成库当中包含了访问网络操作的Volley和OkHttp
2.为什么要包含集成库
这些集成库,和Glide的ModelLoader系统允许开发者使用一致地框架去进行网络相关的操作
3.如何将一个库集成到Glide当中,
将一个库集成到Glide当中需要两步操作,
包含正确的dependency,
确保创建了该集成库的GlideModule,比如,
将Volley集成到Glide当中
dependencies { compile 'com.github.bumptech.glide:volley-integration:1.2.2' compile 'com.mcxiaoke.volley:library:1.0.5' }
第二步、创建Volley集成库的GlideModule
<meta-data android:name="com.bumptech.glide.integration.volley.VolleyGlideModule" android:value="GlideModule" />
然后改变混淆文件:
-keep class com.bumptech.glide.integration.volley.VolleyGlideModule #or -keep public class * implements com.bumptech.glide.module.GlideModule
将OkHttp集成到Glide当中
第一步、添加依赖dependencies { compile 'com.github.bumptech.glide:okhttp-integration:1.2.2' compile 'com.squareup.okhttp:okhttp:2.0.0' }
第二步、创建OkHttp集成库的GlideModule
<meta-data android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule" android:value="GlideModule" />
然后改变混淆文件:
-keep class com.bumptech.glide.integration.okhttp.OkHttpGlideModule #or -keep public class * implements com.bumptech.glide.module.GlideModule
相关文章推荐
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- Android图片加载库:最全面解析Glide用法
- 【常用开源库】Android图片加载库:最全面解析Glide用法
- Android图片加载框架最全解析 带你全面了解Glide 4的用法
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载框架最全解析(八),带你全面了解Glide 4的用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载库:最全面解析Glide用法
- Android图片加载库:最全面解析Glide用法
- Android Bitmap 全面解析(二)加载多张图片的缓存处理 ...
- Android Bitmap 全面解析(一)加载大尺寸图片
- Android图片加载框架最全解析(一),Glide的基本用法
- 安卓学习笔记---Android图片加载框架最全解析(一),Glide的基本用法
- Android Bitmap 全面解析(二)加载多张图片的缓存处理