图片加载库Glide精炼详解

一、前期基础知识储备

现在Android的图片加载库十分的成熟，从最早的老牌图片加载框架UniversalImageLoader（2011年），到后来Google推出的Volley（2013年），再到后来的新兴军Picasso（2012年）和Glide（2013年），当然还有Facebook的Fresco（2015年）。每一个都非常稳定，功能也都十分强大。因为实现的功能较为相近，所以开发者学习其中一个就可以了。

（PS：UniversalImageLoader作者已经不维护了，所以暂不推荐使用）

在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫 Glide 的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。

Glide是建构在Picasso的基础上的，所以语法较为接近，但是其功能要更加多一点，比如支持GIF动图的加载；Glide加载的图片大小是ImageView的大小，而不是像Picasso一样加载全部大小的图片；Glide默认采用的Bitmap格式是RGB_565，比Picasso的ARGB_8888格式内存开销要小一半（图片加载质量因此稍逊）；Glide甚至支持多媒体的加载，比如Video。

二、上代码，具体实现

第一步：build.gradle文件中添加依赖；

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

最新的版本：Glide4已经出来，具体参考：bumptech/glide

第二步：AndroidManifest.xml中添加网络权限；

<uses-permissionandroid:name="android.permission.INTERNET" />

>第一步和第二步是使用Glide的前提条件，请不要忘记。

第三步：开始使用Glide加载一张网络图片；

（1）主布局文件中加入一个ImageView和一个Button

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Load Image"
        android:onClick="loadImage"/>//设置按钮的onClick属性

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

（2）MainActivity中实现图片的加载功能

public class MainActivity extends AppCompatActivity {

    ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.image_view);
    }

    public void loadImage(View view) {
        String url = "http://himg2.huanqiu.com/attachment2010/2012/0808/20120808100424609.jpg";
        Glide.with(this).load(url).into(imageView);
    }
}

运行结果如图：

相比于使用Volley的ImageLoader，使用Glide加载图片是更要简单。

如果是一张Gif动图呢？比如这张饥饿游戏大表姐http://img1.gamedog.cn/2014/05/29/91-1405291103380-50.gif，其实加载方式是一样的，不需要添加额外的代码，只需要传入动图所在的url即可，Glide会自动识别加载的是Gif动图。

接下来，我们来详细看一下这段请求网络图片的代码：

①with()，调用Glide.with()方法用于创建一个加载图片的实例。with()方法可以接收Context、Activity或者Fragment类型的参数。也就是说我们选择的范围非常广，不管是在Activity还是Fragment中调用with()方法，都可以直接传this。这也是Glide相比于Picasso的另一个优势所在，后者只接受context对象。

②load()，这个方法用于指定待加载的图片资源。Glide支持加载各种各样的图片资源，包括网络图片、本地图片、应用资源、二进制流、Uri对象等等。

③into()，指定我们想显示的ImageView。

使用Glide加载一张图片基础的就是这三种方法，其余的更加高级的功能，都是在load()方法和into()方法两个方法之间添加逻辑。

第四步：在Glide中添加其他常用的图片处理逻辑

①指定占位图/图片加载失败图片；

Glide.with(this)

     .load(url)

     .placeholder(R.drawable.loading)

     .error(R.drawable.error)

     .into(imageView);

②指定图片的大小，前面讲过Glide会识别ImageView的大小，自动加载对应大小的图片，而不用像使用Bitmap的加载一样，需要自己指定图片的采样率。如果开发者确实需要自己指定一个大小，也可以采用Glide的override方法设定；

Glide.with(this)

     .load(url)

     .override(100, 100)//Glide会将图片加载成100*100像素的尺寸

     .into(imageView);

③实现更加强大的图片变换效果——添加glide-transformations库，

比如裁剪变换，颜色变换，形状变换等等，十分的丰富。

首先，build.gradle文件中添加依赖：

compile'jp.wasabeef:glide-transformations:2.0.2'

        String url="http://himg2.huanqiu.com/attachment2010/2012/0808/20120808100424609.jpg";
        Glide.with(this)
                .load(file)
                //这是设置图片模糊
//              .bitmapTransform(new BlurTransformation(this))
                //这是同时设置图片模糊和图片黑白
//              .bitmapTransform(new GrayscaleTransformation(this),new BlurTransformation(this))
                //这是设置图片变成圆形
//              .bitmapTransform(new CropCircleTransformation(this))
                //这是设置图片为圆角矩形，此种设置稍微复杂一点，要传入几个类型的参数
                //参数类型包括上下文，圆角半径，图片裁剪比，圆角位置
//                .bitmapTransform(new RoundedCornersTransformation(this, 48, 0
//                        , RoundedCornersTransformation.CornerType.TOP_LEFT))
				//这是设置图片加载时显现的动画（我们自己定制的动画）
//                .animate(R.anim.item_alpha_in)
                //这是设置图片加载时显现的动画（系统默认的，参数指定为动画持续的时间）
				.crossFade(2000)
                .into(imageView);

以上代码片段，展现了常用的一些方法的设置。

运行效果如图：

      

      

下面这张gif动图，是glide-transformations库设置的所有动画效果，感兴趣的读者可以直接去github上查看。

 

第5步：实现本地图片的加载

本地图片的加载和请求网络图片时需要的权限不一样，所以需要在Manifest文件中再次添加权限请求

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

注意：在这里需要注意，Android从6.0开始加入运行时权限申请的要求，而此处添加的读取本地图片的权限恰恰是是敏感权限，需要在运行时动态申请，运行在6.0安卓手机上时，必须要进行动态权限的申请。下面是申请代码：

btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {//检查权限申请情况
                if (ContextCompat.checkSelfPermission(MainActivity.this,
                        android.Manifest.permission.WRITE_EXTERNAL_STORAGE
                        ) != PackageManager.PERMISSION_GRANTED) {//申请授权
                    ActivityCompat.requestPermissions(MainActivity.this,
                            new String[]{android.Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);
                } else {
                    loadImage();
                }
            }
        });
    

    public void loadImage() {
//        String url = "http://himg2.huanqiu.com/attachment2010/2012/0808/20120808100424609.jpg";
        File file = new File(Environment.getExternalStorageDirectory(), "1524032990849.png");
        Glide.with(this)
                .load(file)
                .crossFade(2000)
                .into(imageView);
    }
    //处理权限申请回调
    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        switch (requestCode) {
            case 1:
                if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
                    loadImage();
                } else {
                    Toast.makeText(this, "you denied the permission", Toast.LENGTH_SHORT).show();
                }
                break;
            default:
        }
    }

有关于运行时权限的申请更多的内容，建议读者参考鸿洋大神的文章 《Android 6.0 运行时权限处理完全解析》，里面有十分详细的讲解。

总结：Glide使用起来还是比较简单的，根据Glide的特点和与其他图片加载库的对比，可以得出其使用场景：

需要更多的内容表现形式(如Gif)；

更高的性能要求（缓存 & 加载速度）；

专业的库做专业的事，笔者曾经以为用Volley来网络图片已经足够简单了，

用完Glide才知道，专业的才是最快的。

欢迎，使用Glide！