Glide图片加载-蒲公英云

转载链接,我只是一个搬运工。

http://blog.csdn.net/jiangxuqaz/article/details/50421754

图片加载框架Glide使用教程：

在项目中引入Glide

Gradle：

compile’com.github.bumptech.glide3.7.0’

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) {
    }
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21

然后在AndroidManifest.xml中添加配置：

<meta-data
            android:name="你的完整包名.SimpleGlideModule"
            android:value="GlideModule" />
   1
   2
   3
   1
   2
   3

加载图片

加载网络图片

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);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

从资源文件中加载

int resourceId = R.mipmap.ic_launcher;
Glide
    .with(context)
    .load(resourceId)
    .into(imageViewResource);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

从文件中加载图片

File file = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "Running.jpg");
Glide
    .with(context)
    .load(file)
    .into(imageViewFile);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

从URI中加载图片

Uri uri = resourceIdToUri(context, R.mipmap.future_studio_launcher);
Glide
    .with(context)
    .load(uri)
    .into(imageViewUri);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

占位图，错误图，和淡入淡出效果

Glide
    .with(context)
    .load(UsageExampleListViewAdapter.eatFoodyImages[0])
    .placeholder(R.mipmap.ic_launcher) //设置占位图
    .error(R.mipmap.future_studio_launcher) //设置错误图片
    .crossFade() //设置淡入淡出效果，默认300ms，可以传参
    //.dontAnimate() //不显示动画效果
    .into(imageViewFade);
   1
   2
   3
   4
   5
   6
   7
   8
   1
   2
   3
   4
   5
   6
   7
   8

设置图片大小和缩放形式

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);
   1
   2
   3
   4
   5
   1
   2
   3
   4
   5

当不知道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);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

FitCenter：等比例缩放图片，宽或者是高等于ImageView的宽或者是高。

Glide
    .with(context)
    .load(UsageExampleListViewAdapter.eatFoodyImages[0])
    .override(600, 200)
    .fitCenter() 
    .into(imageViewResizeFitCenter);
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

加载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 );
   1
   2
   3
   4
   5
   6
   7
   1
   2
   3
   4
   5
   6
   7

Glide可以加载视频的缩略图：

String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
Glide  
    .with( context )
    .load( Uri.fromFile( new File( filePath ) ) )
    .into( imageViewGifAsBitmap );
   1
   2
   3
   4
   5
   6
   1
   2
   3
   4
   5
   6

Glide缓存策略

Glide默认开启磁盘缓存和内存缓存，当然也可以对单张图片进行设置特定的缓存策略。
设置图片不加入到内存缓存

Glide  
    .with( context )
    .load( eatFoodyImages[0] ) .skipMemoryCache( true ) .into( imageViewInternet );
   1
   2
   3
   4
   5
   1
   2
   3
   4
   5

设置图片不加入到磁盘缓存

Glide  
    .with( context )
    .load( eatFoodyImages[0] )
    .diskCacheStrategy( DiskCacheStrategy.NONE )
    .into( imageViewInternet );
   1
   2
   3
   4
   5
   1
   2
   3
   4
   5

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 );
}
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21

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 );
}
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16

设置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 );
}
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14

调试和混淆

有时需要查看加载图片的一些信息，包括加载的时间，图片URL，图片的尺寸，这时，可以把调试的开关打开

adb shell setprop log.tag.DecodeJob VERBOSE
   1
   1

把这个开关打开就能看到加载每张图片的一些信息：

这里写图片描述

如果项目开启了混淆，需要在app proguard文件中加入：

#glide
-keep public class * implements com.bumptech.glide.module.GlideModule -keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** { 
  **[] $VALUES;
  public *;
}