图片加载及缓存框架Glide在安卓开发中的应用

注意四种磁盘缓存机制
修改Glide默认的网络请求库
监听图片的加载进度
自定义缓存的设置
如何清理缓存:清理缓存:包括清理内存缓存、清理磁盘缓存(开启子线程)
实现图形转换(需要自定义类)

Glide加载图片的特点:

优点是比picasso加载的快，用户体验比较好！图片加载速度慢，一直是移动端的一个大问题。

总体特点:Glide比picasso框架加载图片的速度快，但是需要更大的空间来缓存；

1)将activity和fragment作为参数的好处是：

图片加载会和Activity/Fragment的生命周期保持一致，防止内存泄露;Activity的生命周期状态。

2)在加载的图片质量方面:

Glide默认的图片Bitmap格式是RGB_565;消耗的内存比较小;

3)加载GIF图片:(核心特点： Picasso不具备这种特点的)

Glide动画会消耗太多的内存，不建议使用。会有动画效果。

4)在缓存策略与加载速度方面:(这是影响加载速度的主要原因)

Glide缓存的图片大小与ImageView尺寸相同；将InageView调整成不同大小，不管大小如何设置，Glide会为每种大小的ImageView缓存一次。

 

更利于减少内存溢出的发生。

---------------------------------------------------------------------------------------------------

Glide高级用法以及性能优化: 

1）设置Glide的网络访问库：(设置Glide的网络访问方式,)

Glide图片加载框架使用哪种网络请求访问网络？

默认使用HttpUrlConnection访问网络，可以配置为okhttp或者volley；怎么配置呢？

A：导入网络集成包

B：在应用程序类中定义一个方法，用于初始化Glide，注册一个Glide对象

2）如何设置监听图片加载的进度

设置一个FrameLayout布局，将ImageView进行包裹，其中还要设置一个进度条，放置在帧布局的正中间；

关键是在into方法中进行方法重写三个方法。  明天一个一个试试  如何设置代理进行下载资源 

3）自定义缓存设置 图片的缓存都是分为三级的:内存级，磁盘级，网络级;

Glide有四种磁盘缓存机制

4) 清楚缓存

清理内存缓存：

清理磁盘缓存:开启一个子线程，应为是耗时操作！

5)如何自定义缓存空间的大小? 两个步骤

自定义一个CustomGlideModule 

在清单文件中进行配置

6) 自定义图形转换

圆角图形处理(对图片进行圆角处理): 定义一个类，进行处理

图像旋转处理:

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initViews(); } private void initViews() { //基本用法 ImageView tv_1 = (ImageView) findViewById(R.id.tv_1); ImageView tv_2 = (ImageView) findViewById(R.id.tv_2); ImageView tv_3 = (ImageView) findViewById(R.id.tv_3); //加载网络图片 Glide.with(this).load("http://img2.imgtn.bdimg.com/it/u=673354438,146725114&fm=23&gp=0.jpg").into(tv_1); //加载本地图片 Glide.with(this).load(R.mipmap.ic_launcher).into(tv_2); //加载资产文件图片 Glide.with(this).load("file:///android_asset/jiang.jpg").into(tv_3); //加载sd卡图片资源 //每一个module都会对应一个资产文件目录，需要自己新建 //高级用法 //1 设置网络访问库 需要在application中进行配置 //设置Glide的网络访问库 Volley 只需要两步骤： 使用同一的网络加载库Volley //如果使用的是OKhttp，那么就配置把okHttp设置成单例模式； //在application中 初始化Glide图片加载框架 initGlide(); //2 设置图片加载的进度条 微信正在使用的效果 ImageView tv_4 = (ImageView) findViewById(R.id.tv_4); final ProgressBar pb = (ProgressBar) findViewById(R.id.pb); Glide.with(this).load("http://img0.imgtn.bdimg.com/it/u=960016653,915660885&fm=21&gp=0.jpg").dontAnimate() //不进行内存缓存 忽略sk卡缓存每次都去加载 .skipMemoryCache(true) .diskCacheStrategy(DiskCacheStrategy.NONE) .into(new GlideDrawableImageViewTarget(tv_4) { //重写其中的三个方法，其实就是对加载过程进行监听！ @Override public void onLoadFailed(Exception e, Drawable errorDrawable) { super.onLoadFailed(e, errorDrawable); //隐藏加载的进度条 pb.setVisibility(View.GONE); } @Override public void onLoadStarted(Drawable placeholder) { super.onLoadStarted(placeholder); //显示加载进度条 pb.setVisibility(View.VISIBLE); } @Override public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> animation) { super.onResourceReady(resource, animation); //代表网络图片加载成功---->隐藏加载的进度条 pb.setVisibility(View.GONE); } }); //3.设置图片缓存机制(是否进行内存缓存，sd卡缓存的四种模式,选择合适自己的模式进行缓存) //默认是有sd卡缓存的 ImageView tv_5 = (ImageView) findViewById(R.id.tv_5); Glide.with(this) .load("http://img1.imgtn.bdimg.com/it/u=313471231,3554046330&fm=21&gp=0.jpg") .skipMemoryCache(true) .diskCacheStrategy(DiskCacheStrategy.SOURCE) .into(tv_5); //4 如何清理缓存: 但是怎么和进度条联系起来呢 Button btn = (Button) findViewById(R.id.btn); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //a;清理内存缓存 Glide.get(MainActivity.this).clearMemory(); //b;清理磁盘缓存 new Thread(new Runnable() { @Override public void run() { //上下文参数传递的不对 Glide.get(MainActivity.this).clearDiskCache(); Log.i(TAG, "已经清理完毕"); } }).start(); } }); //5。如何获取Glide默认的缓存空间的大小 内存缓存计算器 MemorySizeCalculator calculator = new MemorySizeCalculator(this); int memoryCacheSize = calculator.getMemoryCacheSize(); int bitmapPoolSize = calculator.getBitmapPoolSize(); Log.i(TAG, memoryCacheSize + ""); //7372800 只有7M左右呢 Log.i(TAG, bitmapPoolSize + ""); //如何自定义缓存空间的大小，开辟大一点的缓存空间 图片缓存空间为10M //1）自定义类继承自GlideModule 2)在清单文件中注册 //<meta-data android:name="com.nengwu.xunpige.testglide.utils.CustomGlideModule" android:value="GlideModule"> //6。进行图片旋转处理 旋转90度进行加载 功能已经实现了 ImageView tv_6 = (ImageView) findViewById(R.id.tv_6); Glide.with(this) .load("http://img5.imgtn.bdimg.com/it/u=427840222,1928993467&fm=21&gp=0.jpg") .transform(new BitmapRotateTransformation(this, 90)) .into(tv_6); //设置圆形图片 ImageView tv_7 = (ImageView) findViewById(R.id.tv_7); Glide.with(this)//注意图片不能小于ImageView的宽高设置 .load("http://pic32.nipic.com/20130829/12906030_124355855000_2.png") .transform(new BitmapCircleTransformation(this)) .into(tv_7); //设置圆角图片 能够自定义圆角的大小 ImageView tv_8 = (ImageView) findViewById(R.id.tv_8); Glide.with(this)//注意图片不能小于ImageView的宽高设置 .load("http://img3.imgtn.bdimg.com/it/u=3068659,3930791006&fm=21&gp=0.jpg") .transform(new BitmapRoundTransformation(this,10)) .into(tv_8); } private void initGlide() { //1 //compile 'com.github.bumptech.glide:glide:3.7.0' //compile 'com.github.bumptech.glide:volley-integration:1.4.0' //2 看看还能不能加载到图片 RequestQueue requestQueue = Volley.newRequestQueue(this); Glide.get(this).register(GlideUrl.class, InputStream.class, new VolleyUrlLoader.Factory(requestQueue)); Log.i(TAG, "设置Glide的网络访问库"); } </meta-data>

1)综合介绍Glide框架

2014谷歌推出的；图片加载速度快，用户体验好(最大的优点)；需要比较大的内存空间进行图片缓存

2)Glide如何导包？

compile 'com.github.bumptech.glide:glide:3.5.2'
compile 'com.github.bumptech.glide:glide:3.7.0'

3)Glide基本用法(非常简单)
可以加载本地资源、资产目录、sd卡中的文件
基本语法

加载网络图片资源：Glide.with(context).load(url).into(ImageView);
加载本地资源：    Glide.with(this).load(R.mipmap.ic_launcher).into(ImageView);
加载资产目录资源：Glide.with(this).load("file:///android_assret/logo.png").into(ImageView);
加载Sd卡资源:     Glide.with(this).load(new File("图片路径")).into(ImageView);

Glide类名要记住  load方法重载

4)Glide常见设置
这些方法都在DrawableRequestBuilder类中进行设置的

设置占位图片(加载过程中与加载失败): Glide.with(context).load(url).placeholder(R.mipmap.ic_launcher).error(R.mipmap.ic_launcher)into(ImageView);
淡入淡出    .crossFade()  图片加载动画淡入淡出
无动画      .dontAnimate()

------------重新设置图形大小---------------------

图片重新调整大小 .override(width,height) 
图片裁切类型： centerCrop  fitcenter
自定义图形转换： .transform()

------------缓存(每张图片都要进行设置)-----------
内存级别的缓存----->磁盘级别的缓存(sd卡)

放弃内存缓存： memory cache 
.skipMemoryCache()   skip 跳过、漏掉
.diskCacheStrategy(DiskCacheStrategy.NONE)
有四种缓存模式：源码中通过枚举进行定义的

Glide在加载图片的过程中，可以进行debug的调试！

设置ImageView的裁切类型

把图片下载到sd卡中(加载图片到sdcard卡的私有缓存目录下)，并且把sd卡中的图片进行展示出来
封装一个单例的okhttpclient
Glide加载图片代码实现

with参数
图片质量(肉眼看出来)
内存消耗少
加载gif动图

缓存策略以及加载速度

优化图片加载的两种方式:
1)Glide 图片加载框架；
2)请求图片的时候，设置要请求图片的尺寸大小；

5)Glide性能优化(高级用法)

自定义缓存空间的大小

package com.nengwu.xunpige.testglide.utils; import android.content.Context; import com.bumptech.glide.Glide; import com.bumptech.glide.GlideBuilder; import com.bumptech.glide.load.DecodeFormat; import com.bumptech.glide.load.engine.cache.ExternalCacheDiskCacheFactory; import com.bumptech.glide.load.engine.cache.InternalCacheDiskCacheFactory; import com.bumptech.glide.module.GlideModule; /** * Created by Administrator on 2016/5/20 0020. * Project：XunPiGe * Package: com.xunpige * Version：2.0 * Author：crs * Glide模块：模块化的编程思想 * 定义了之后关键是如何使用呢？ */ public class CustomGlideModule implements GlideModule { @Override public void applyOptions(Context context, GlideBuilder builder) { //设置图片编码的格式 builder.setDecodeFormat(DecodeFormat.DEFAULT); //设置缓存大小10M int cacheSize = 10 << 20; //这两个参数的区别是什么 设置磁盘缓存（设置内部缓存和sd卡中的缓存） builder.setDiskCache(new InternalCacheDiskCacheFactory(context, cacheSize)); builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, cacheSize)); } @Override public void registerComponents(Context context, Glide glide) { } }

自定义图形旋转

package com.nengwu.xunpige.testglide.utils; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Matrix; import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; import com.bumptech.glide.load.resource.bitmap.BitmapTransformation; /** * Created by Administrator on 2016/5/20 0020. * Project：XunPiGe * Package: com.xunpige * Version：2.0 * Author：crs */ public class BitmapRotateTransformation extends BitmapTransformation { private float rotateAngle = 0; //需要重写一个构造方法 public BitmapRotateTransformation(Context context, float rotateAngle) { super(context); //在构造方法中，对rotate进行赋值, 构造方法的参数 this.rotateAngle = rotateAngle; } //这个方法的作用就是返回处理之后的Bitmap对象 每个参数的意义：待旋转的原始图片 toTransform @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { //如果想让图片旋转 非常简单，主要借助于Matrix对象:矩阵对象，将图片转化成像素矩阵。 Matrix matrix = new Matrix(); //执行旋转，参数为旋转角度 matrix.postRotate(rotateAngle); //将图形的像素点按照这个矩阵进行旋转 //将矩阵加载到bitmap对象上，进行输出就可以了 如何创建Bitmap对象 //待旋转的bitmap对象，待旋转图片的宽度，待旋转图片的高度 Bitmap result = Bitmap.createBitmap(toTransform, 0, 0, toTransform.getWidth(), toTransform.getHeight(), matrix, true); return result; } @Override public String getId() { //获取自定义类的名字+添加旋转角度 return getClass().getName() + rotateAngle; } }

自定义圆形图片

package com.nengwu.xunpige.testglide.utils; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint; import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; import com.bumptech.glide.load.resource.bitmap.BitmapTransformation; /** * Created by Administrator on 2016/5/20 0020. * Project：XunPiGe * Package: com.xunpige * Version：2.0 * Author：crs * 圆形的图片 */ public class BitmapCircleTransformation extends BitmapTransformation { //如何让一张图形变成圆形： //1）先计算出合适的坐标 //2) 创建出一个空白的bitmap，将来可以在上面绘制圆角图形 //3) 选择原图的中心点，以中心点为中心获取原图的正方形区域 //4）绘制的时候是设置画笔的阴影 public BitmapCircleTransformation(Context context) { super(context); } @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { return circleCrop(pool, toTransform); } private static Bitmap circleCrop(BitmapPool pool, Bitmap source) { if (source == null) return null; int size = Math.min(source.getWidth(), source.getHeight()); int x = (source.getWidth() - size) / 2; int y = (source.getHeight() - size) / 2; Bitmap squared = Bitmap.createBitmap(source, x, y, size, size); Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888); if (result == null) { result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888); } Canvas canvas = new Canvas(result); Paint paint = new Paint(); paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); paint.setAntiAlias(true); float r = size / 2f; canvas.drawCircle(r, r, r, paint); return result; } @Override public String getId() { return getClass().getName(); } }

自定义圆角图片  自定义圆角

package com.nengwu.xunpige.testglide.utils; import android.content.Context; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.RectF; import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; import com.bumptech.glide.load.resource.bitmap.BitmapTransformation; /** * Created by Administrator on 2016/5/20 0020. * Project：XunPiGe * Package: com.xunpige * Version：2.0 * Author：crs */ public class BitmapRoundTransformation extends BitmapTransformation { private static float radius = 0f; //默认为四个弧度的圆角 public BitmapRoundTransformation(Context context) { this(context, 4); } public BitmapRoundTransformation(Context context, int dp) { super(context); this.radius = Resources.getSystem().getDisplayMetrics().density * dp; } @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { return roundCrop(pool, toTransform); } private static Bitmap roundCrop(BitmapPool pool, Bitmap source) { if (source == null) return null; Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); if (result == null) { result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); } Canvas canvas = new Canvas(result); Paint paint = new Paint(); paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); paint.setAntiAlias(true); RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight()); canvas.drawRoundRect(rectF, radius, radius, paint); return result; } @Override public String getId() { return getClass().getName() + Math.round(radius); } }

Glide加载图像以及磁盘缓存的方式比较优化，且Glide更有利于减少OutOfMemoryError的发生
GIF动画是Glide的杀手锏。


with()里面的参数，建议传递参数的时候，传递activity或者fragment，而不是Context,因为它的生命周期比较长。


优化图片加载的两种方式:
1)Glide 图片加载框架；
2)请求图片的时候，设置要请求图片的尺寸大小；


transform()方法主要用于图形转换的，比如圆角，圆形等等；
自定义图形转换，需要自定义类去实现；


Glide默认使用手机内置存储进行磁盘缓存，可以配置为外部存储，可以配置缓存大小，图片池大小，默认
使用两个线程池来分别执行读取缓存和下载任务！


Glide加载图片的特点:


优点是比picasso加载的快，用户体验比较好！图片加载速度慢，一直是移动端的一个大问题。
总体特点:Glide比picasso框架加载图片的速度快，但是需要更大的空间来缓存；


1)将activity和fragment作为参数的好处是：
图片加载会和Activity/Fragment的生命周期保持一致，防止内存泄露;Activity的生命周期状态。


2)在加载的图片质量方面:
Glide默认的图片Bitmap格式是RGB_565;消耗的内存比较小;


3)加载GIF图片:(核心特点： Picasso不具备这种特点的)
Glide动画会消耗太多的内存，不建议使用。会有动画效果。


4)在缓存策略与加载速度方面:(这是影响加载速度的主要原因)
Glide缓存的图片大小与ImageView尺寸相同；将InageView调整成不同大小，不管大小如何设置，Glide会为每种大小的ImageView缓存一次。


更利于减少内存溢出的发生。


------------------------------------------------------------
Glide高级用法以及性能优化: 只有五个小点的


1）设置Glide的网络访问库：(设置Glide的网络访问方式,)
Glide图片加载框架使用哪种网络请求访问网络？
默认使用HttpUrlConnection访问网络，可以配置为okhttp或者volley；怎么配置呢？
A：导入网络集成包
B：在应用程序类中定义一个方法，用于初始化Glide，注册一个Glide对象；



2）如何设置监听图片加载的进度
设置一个FrameLayout布局，将ImageView进行包裹，其中还要设置一个进度条，放置在帧布局的正中间；
关键是在into方法中进行方法重写三个方法。  

3）自定义缓存设置 图片的缓存都是分为三级的:内存级，磁盘级，网络级;

        Glide有四种磁盘缓存机制：    默认的缓存机制是只保存转换之后的图片资源。
//DiskCacheStrategy.NONE     设置SD卡缓存模式、不在sd卡中进行图片缓存！
//DiskCacheStrategy.RESULT   缓存策略是指:将处理之后的图片进行缓存(比如旋转后的图片)！
        //DiskCacheStrategy.SOURCE   缓存策略是指:将原始的图片进行缓存；只保存原始的图片，不保存变形之后的图片！
        //DiskCacheStrategy.ALL      缓存策略是指:将原始的图片进行缓存,又将转换之后的图片进行保存！

清楚Glide图片缓存，如何实现？

4) 清楚缓存
清理内存缓存：
清理磁盘缓存：一定要在独立的线程中进行，因为是一个耗时操作！

5)如何自定义磁盘缓存空间的大小，图片质量
写一个自定义类去继承GlideModule，通过Builder进行设置；
在清单文件中进行配置


6) 自定义图形转换
图像旋转处理(对图片进行旋转处理)：需要自定义图形旋转类
圆角图形处理(对图片进行圆角处理): 需要自定义圆角图形类