android Glide图片加载库使用

Glide是一款由Bump Technologies开发的图片加载框架，使得咱们能够在Android平台上以极度简单的方式加载和展现图片。

要想使用Glide，首先须要将这个库引入到咱们的项目当中。新建一个GlideTest项目，而后在app/build.gradle文件当中添加以下依赖：

```
dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
}

```


另外，Glide中须要用到网络功能，所以你还得在AndroidManifest.xml中声明一下网络权限才行：

```


```

就是这么简单，而后咱们就能够自由地使用Glide中的任意功能了。

#### 加载图片

那么首先打开项目的布局文件，在布局当中加入一个Button和一个ImageView，以下所示：

```



    

    



```

为了让用户点击Button的时候可以将刚才的图片显示在ImageView上，咱们须要修改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://cn.bing.com/az/hprichbg/rb/Dongdaemun_ZH-CN10736487148_1920x1080.jpg";
        Glide.with(this).load(url).into(imageView);
    }

}

```

没错，就是这么简单。如今咱们来运行一下程序，效果以下图所示：

![](http://upload-images.jianshu.io/upload_images/2325960-9908ca8fa44a2778?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

能够看到，一张网络上的图片已经被成功下载，而且展现到ImageView上了。

而咱们到底作了什么？实际上核心的代码就只有这一行而已：

```
Glide.with(this).load(url).into(imageView);

```

千万不要小看这一行代码，实际上仅仅就这一行代码，你已经能够作很是很是多的事情了，包括加载网络上的图片、加载手机本地的图片、加载应用资源中的图片等等。

下面咱们就来详细解析一下这行代码。

首先，调用Glide.with()方法用于建立一个加载图片的实例。with()方法能够接收Context、Activity或者Fragment类型的参数。也就是说咱们选择的范围很是广，不论是在Activity仍是Fragment中调用with()方法，均可以直接传this。那若是调用的地方既不在Activity中也不在Fragment中呢？也不要紧，咱们能够获取当前应用程序的ApplicationContext，传入到with()方法当中。注意with()方法中传入的实例会决定Glide加载图片的生命周期，若是传入的是Activity或者Fragment的实例，那么当这个Activity或Fragment被销毁的时候，图片加载也会中止。若是传入的是ApplicationContext，那么只有当应用程序被杀掉的时候，图片加载才会中止。

接下来看一下load()方法，这个方法用于指定待加载的图片资源。Glide支持加载各类各样的图片资源，包括网络图片、本地图片、应用资源、二进制流、Uri对象等等。所以load()方法也有不少个方法重载，除了咱们刚才使用的加载一个字符串网址以外，你还能够这样使用load()方法：

```
// 加载本地图片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);

// 加载应用资源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);

// 加载二进制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);

// 加载Uri对象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

```

最后看一下into()方法，这个方法就很简单了，咱们但愿让图片显示在哪一个ImageView上，把这个ImageView的实例传进去就能够了。固然，into()方法不只仅是只能接收ImageView类型的参数，还支持不少更丰富的用法，不过那个属于高级技巧，咱们会在后面的文章当中学习。

那么回顾一下Glide最基本的使用方式，其实就是关键的三步走：先with()，再load()，最后into()。熟记这三步，你就已经入门Glide了。

#### 占位图

如今咱们来学一些Glide的扩展内容。其实刚才所学的三步走就是Glide最核心的东西，而咱们后面所要学习的全部东西都是在这个三步走的基础上不断进行扩展而已。

观察刚才加载网络图片的效果，你会发现，点击了Load Image按钮以后，要稍微等一会图片才会显示出来。这其实很容易理解，由于从网络上下载图片原本就是须要时间的。那么咱们有没有办法再优化一下用户体验呢？固然能够，Glide提供了各类各样很是丰富的API支持，其中就包括了占位图功能。

顾名思义，占位图就是指在图片的加载过程当中，咱们先显示一张临时的图片，等图片加载出来了再替换成要加载的图片。

下面咱们就来学习一下Glide占位图功能的使用方法，首先我事先准备好了一张loading.jpg图片，用来做为占位图显示。而后修改Glide加载部分的代码，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .into(imageView);

```

没错，就是这么简单。咱们只是在刚才的三步走之间插入了一个placeholder()方法，而后将占位图片的资源id传入到这个方法中便可。另外，这个占位图的用法其实也演示了Glide当中绝大多数API的用法，其实就是在load()和into()方法之间串接任意想添加的功能就能够了。

不过若是你如今从新运行一下代码并点击Load Image，极可能是根本看不到占位图效果的。由于Glide有很是强大的缓存机制，咱们刚才加载那张必应美图的时候Glide自动就已经将它缓存下来了，下次加载的时候将会直接从缓存中读取，不会再去网络下载了，于是加载的速度很是快，因此占位图可能根原本不及显示。

所以这里咱们还须要稍微作一点修改，来让占位图能有机会显示出来，修改代码以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

能够看到，这里串接了一个diskCacheStrategy()方法，并传入DiskCacheStrategy.NONE参数，这样就能够禁用掉Glide的缓存功能。

关于Glide缓存方面的内容咱们将会在后面的文章进行详细的讲解，这里只是为了[测试](https://link.jianshu.com?t=http://lib.csdn.net/base/softwaretest)占位图功能而加的一个额外配置，暂时你只须要知道禁用缓存必须这么写就能够了。

如今从新运行一下代码，效果以下图所示：

![](http://upload-images.jianshu.io/upload_images/2325960-ec099ec1b0ea14af?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

能够看到，当点击Load Image按钮以后会当即显示一张占位图，而后等真正的图片加载完成以后会将占位图替换掉。

固然，这只是占位图的一种，除了这种加载占位图以外，还有一种异常占位图。异常占位图就是指，若是由于某些异常状况致使图片加载失败，好比说手机网络信号很差，这个时候就显示这张异常占位图。

异常占位图的用法相信你已经能够猜到了，首先准备一张error.jpg图片，而后修改Glide加载部分的代码，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

很简单，这里又串接了一个error()方法就能够指定异常占位图了。

如今你能够将图片的url地址修改为一个不存在的图片地址，或者干脆直接将手机的网络给关了，而后从新运行程序，效果以下图所示：

![](http://upload-images.jianshu.io/upload_images/2325960-36ba02f169099599?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

这样咱们就把Glide提供的占位图功能都掌握了。

#### 指定图片格式

咱们还须要再了解一下Glide另一个强大的功能，那就是Glide是支持加载GIF图片的。这一点确实很是牛逼，由于相比之下Jake Warton曾经明确表示过，Picasso是不会支持加载GIF图片的。

而使用Glide加载GIF图并不须要编写什么额外的代码，Glide内部会自动判断图片格式。好比这是一张GIF图片的URL地址：


```
http://p1.pstatp.com/large/166200019850062839d3
```


咱们只须要将刚才那段加载图片代码中的URL地址替换成上面的地址就能够了，如今从新运行一下代码，效果以下图所示：

![](http://upload-images.jianshu.io/upload_images/2325960-58322b5684f451de?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

也就是说，无论咱们传入的是一张普通图片，仍是一张GIF图片，Glide都会自动进行判断，而且能够正确地把它解析并展现出来。

可是若是我想指定图片的格式该怎么办呢？就好比说，我但愿加载的这张图必须是一张静态图片，我不须要Glide自动帮我判断它究竟是静图仍是GIF图。

想实现这个功能仍然很是简单，咱们只须要再串接一个新的方法就能够了，以下所示：

```
Glide.with(this)
     .load(url)
     .asBitmap()
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

能够看到，这里在load()方法的后面加入了一个asBitmap()方法，这个方法的意思就是说这里只容许加载静态图片，不须要Glide去帮咱们自动进行图片格式的判断了。

如今从新运行一下程序，效果以下图所示：
![](http://upload-images.jianshu.io/upload_images/2325960-b6ba0edd387ce461?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

因为调用了asBitmap()方法，如今GIF图就没法正常播放了，而是会在界面上显示第一帧的图片。

那么相似地，既然咱们能强制指定加载静态图片，就也能强制指定加载动态图片。好比说咱们想要实现必须加载动态图片的功能，就能够这样写：

```
Glide.with(this)
     .load(url)
     .asGif()
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

这里调用了asGif()方法替代了asBitmap()方法，很好理解，相信不用我多作什么解释了。

那么既然指定了只容许加载动态图片，若是咱们传入了一张静态图片的URL地址又会怎么样呢？试一下就知道了，将图片的URL地址改为刚才的必应美图，而后从新运行代码，效果以下图所示。

![](http://upload-images.jianshu.io/upload_images/2325960-7c783a624f16be92?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

没错，若是指定了只能加载动态图片，而传入的图片倒是一张静图的话，那么结果天然就只有加载失败喽。

#### 指定图片大小

实际上，使用Glide在绝大多数状况下咱们都是不须要指定图片大小的。

在学习本节内容以前，你可能还须要先了解一个概念，就是咱们平时在加载图片的时候很容易会形成内存浪费。什么叫内存浪费呢？好比说一张图片的尺寸是1000*1000像素，可是咱们界面上的ImageView可能只有200*200像素，这个时候若是你不对图片进行任何压缩就直接读取到内存中，这就属于内存浪费了，由于程序中根本就用不到这么高像素的图片。

关于图片压缩这方面，我以前也翻译过Android官方的一篇文章，感兴趣的朋友能够去阅读一下 [Android高效加载大图、多图解决方案，有效避免程序OOM](https://link.jianshu.com?t=http://blog.csdn.net/guolin_blog/article/details/9316683) 。

而使用Glide，咱们就彻底不用担忧图片内存浪费，甚至是内存溢出的问题。由于Glide历来都不会直接将图片的完整尺寸所有加载到内存中，而是用多少加载多少。Glide会自动判断ImageView的大小，而后只将这么大的图片像素加载到内存当中，帮助咱们节省内存开支。

固然，Glide也并无使用什么神奇的魔法，它内部的实现原理其实就是上面那篇文章当中介绍的技术，所以掌握了最基本的实现原理，你也能够本身实现一套这样的图片压缩机制。

也正是由于Glide是如此的智能，因此刚才在开始的时候我就说了，在绝大多数状况下咱们都是不须要指定图片大小的，由于Glide会自动根据ImageView的大小来决定图片的大小。

不过，若是你真的有这样的需求，必须给图片指定一个固定的大小，Glide仍然是支持这个功能的。修改Glide加载部分的代码，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .override(100, 100)
     .into(imageView);

```

仍然很是简单，这里使用override()方法指定了一个图片的尺寸，也就是说，Glide如今只会将图片加载成100*100像素的尺寸，而不会管你的ImageView的大小是多少了。