图片加载框架Glide使用教程
2016-01-02 20:42
489 查看
在项目中引入Glide
Gradle:compile 'com.github.bumptech.glide:glide:3.7.0'
Maven:
<dependency> <groupId>com.github.bumptech.glide</groupId> <artifactId>glide</artifactId> <version>3.7.0</version> </dependency>
Eclipse:
在这里 https://github.com/bumptech/glide/releases下载jar包,放到libs文件夹。
glide全局配置
有时我们需要配置Glide的缓存路径,缓存大小等配置,我们可以通过实现 GlideModule接口:private static final int DISK_CACHE_SIZE = 100 * 1024 * 1024; public static final int MAX_MEMORY_CACHE_SIZE = 10 * 1024 * 1024; @Override public void applyOptions(final Context context, GlideBuilder builder) { //设置磁盘缓存的路径 path final File cacheDir = new File(path); builder.setDiskCache(new DiskCache.Factory() { @Override public DiskCache build() { return DiskLruCacheWrapper.get(cacheDir, DISK_CACHE_SIZE); } }); //设置内存缓存大小,一般默认使用glide内部的默认值 builder.setMemoryCache(new LruResourceCache(MAX_MEMORY_CACHE_SIZE)); } @Override public void registerComponents(Context context, Glide glide) { }
然后在AndroidManifest.xml中添加配置:
<meta-data android:name="你的完整包名.SimpleGlideModule" android:value="GlideModule" />
加载图片
加载网络图片Glide也使用流式的接口。Glide 至少需要三个参数构造一个完整的图片加载请求:
with(Context context) - 上下文环境
load(String imageUrl) - 需要加载图片的URL.
into(ImageView targetImageView) - 图片显示的ImageView.
下面是最简单加载网络图片的用法:
ImageView targetImageView = (ImageView) findViewById(R.id.imageView); String internetUrl = "http://i.imgur.com/DvpvklR.png"; Glide .with(context) .load(internetUrl) .into(targetImageView);
从资源文件中加载
int resourceId = R.mipmap.ic_launcher; Glide .with(context) .load(resourceId) .into(imageViewResource);
从文件中加载图片
File file = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "Running.jpg"); Glide .with(context) .load(file) .into(imageViewFile);
从URI中加载图片
Uri uri = resourceIdToUri(context, R.mipmap.future_studio_launcher); Glide .with(context) .load(uri) .into(imageViewUri);
占位图,错误图,和淡入淡出效果
Glide .with(context) .load(UsageExampleListViewAdapter.eatFoodyImages[0]) .placeholder(R.mipmap.ic_launcher) //设置占位图 .error(R.mipmap.future_studio_launcher) //设置错误图片 .crossFade() //设置淡入淡出效果,默认300ms,可以传参 //.dontAnimate() //不显示动画效果 .into(imageViewFade);
设置图片大小和缩放形式
Glide 会根据ImageView的大小,自动限制图片缓存和内存中的大小,当然也可以通过调用override(horizontalSize, verticalSize)限制图片的大小:
Glide .with(context) .load(UsageExampleListViewAdapter.eatFoodyImages[0]) .override(600, 200) // resizes the image to these dimensions (in pixel). does not respect aspect ratio .into(imageViewResize);
当不知道ImageView的大小的时候,这个选项是非常有用的,我们可以设置需要加载的图片尺寸。
Glide支持两种图片缩放形式,CenterCrop 和 FitCenter
CenterCrop:等比例缩放图片,直到图片的狂高都大于等于ImageView的宽度,然后截取中间的显示。
Glide .with(context) .load(UsageExampleListViewAdapter.eatFoodyImages[0]) .override(600, 200) // resizes the image to these dimensions (in pixel) .centerCrop() // this cropping technique scales the image so that it fills the requested bounds and then crops the extra. .into(imageViewResizeCenterCrop);
FitCenter:等比例缩放图片,宽或者是高等于ImageView的宽或者是高。
Glide .with(context) .load(UsageExampleListViewAdapter.eatFoodyImages[0]) .override(600, 200) .fitCenter() .into(imageViewResizeFitCenter);
加载GIF和视频文件
Fresco支持加载GIF,并且使用的方式和加载图片一样:
String gifUrl = "http://i.kinja-img.com/gawker-media/image/upload/s--B7tUiM5l--/gf2r69yorbdesguga10i.gif"; Glide .with( context ) .load( gifUrl ) .asGif() .error( R.drawable.full_cake ) .into( imageViewGif );
Glide可以加载视频的缩略图:
String filePath = "/storage/emulated/0/Pictures/example_video.mp4"; Glide .with( context ) .load( Uri.fromFile( new File( filePath ) ) ) .into( imageViewGifAsBitmap );
Glide缓存策略
Glide默认开启磁盘缓存和内存缓存,当然也可以对单张图片进行设置特定的缓存策略。设置图片不加入到内存缓存
Glide .with( context ) .load( eatFoodyImages[0] ) .skipMemoryCache( true ) .into( imageViewInternet );
设置图片不加入到磁盘缓存
Glide .with( context ) .load( eatFoodyImages[0] ) .diskCacheStrategy( DiskCacheStrategy.NONE ) .into( imageViewInternet );
Glide支持多种磁盘缓存策略:
DiskCacheStrategy.NONE :不缓存图片
DiskCacheStrategy.SOURCE :缓存图片源文件
DiskCacheStrategy.RESULT:缓存修改过的图片
DiskCacheStrategy.ALL:缓存所有的图片,默认
图片加载优先级
Glide支持为图片加载设置优先级,优先级高的先加载,优先级低的后加载:private void loadImageWithHighPriority() { Glide .with( context ) .load( UsageExampleListViewAdapter.eatFoodyImages[0] ) .priority( Priority.HIGH ) .into( imageViewHero ); } private void loadImagesWithLowPriority() { Glide .with( context ) .load( UsageExampleListViewAdapter.eatFoodyImages[1] ) .priority( Priority.LOW ) .into( imageViewLowPrioLeft ); Glide .with( context ) .load( UsageExampleListViewAdapter.eatFoodyImages[2] ) .priority( Priority.LOW ) .into( imageViewLowPrioRight ); }
Glide获取Bitmap
Glide通过Target的回调获取Bitmap,最常用的是SimpleTarget:private SimpleTarget target = new SimpleTarget<Bitmap>() { @Override public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) { // do something with the bitmap // for demonstration purposes, let's just set it to an ImageView imageView1.setImageBitmap( bitmap ); } }; private void loadImageSimpleTarget() { Glide .with( context ) // could be an issue! .load( eatFoodyImages[0] ) .asBitmap() .into( target ); }
设置Bitmap的大小:
private SimpleTarget target2 = new SimpleTarget<Bitmap>( 250, 250 ) { @Override public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) { imageView2.setImageBitmap( bitmap ); } }; private void loadImageSimpleTargetApplicationContext() { Glide .with( context.getApplicationContext() ) // safer! .load( eatFoodyImages[1] ) .asBitmap() .into( target2 ); }
调试和混淆
有时需要查看加载图片的一些信息,包括加载的时间,图片URL,图片的尺寸,这时,可以把调试的开关打开adb shell setprop log.tag.DecodeJob VERBOSE
把这个开关打开就能看到加载每张图片的一些信息:
如果项目开启了混淆,需要在app proguard文件中加入:
#glide -keep public class * implements com.bumptech.glide.module.GlideModule -keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** { **[] $VALUES; public *; }
相关文章推荐
- Glide图片加载器详解(PPT转录)
- Glide图片加载变形如何解决?
- 【Glide】使用
- 开始使用Glide图片缓存
- Android图片加载(二)--妹子图客户端改进
- 图解Glide流程
- Glide--------Golang依赖包解决工具之错误实践
- Android之Glide(非常好用的图片加载框架)
- Golang包管理工具Glide,你值得拥有
- Glide命令,如何使用glide,glide.lock
- Glide 4的用法
- android框架——图片加载glide
- Glide 对比 Picasso
- Android Studio 第五十四期 - 超级巨图Glide3.7和Glide4.1.1优化加载方案 推荐
- Golang依赖关联工具:glide从入门到精通使用
- Android源码分析:手把手带你分析 Glide的缓存功能
- Android 图片加载的那些事:为什么你的Glide 缓存没有起作用?
- Android源码分析:这是一份详细的图片加载库Glide源码讲解攻略
- Glide使用中遇到的问题及解决
- Android高斯模糊在java层面上的两种实现方式