上周,我们看了图片加载极其重要的一个部分:[缓存](https://futurestud.io/blog/glide-caching-basics)!如果你错过了,值得你再去看看。这周,我们将整理 Glide 的另一重要功能:按优先级顺序请求图像。
**图片请求的优先级**
通常,你会遇到这样的使用场景:你的 App 将会需要在同一时间内加载多个图像。让我们假设你正在构建一个信息屏幕,这里有一张很大的英雄图片在顶部,还有两个小的,在底部还有一些不那么重要的图片。对于最好的用户体验来说,应用图片元素是显示要被加载和显示的,然后才是底部不紧急的 `ImageView`。Glide 可以用 `Priority` 枚举来支持你这样的行为,调用 `.priority()` 方法。
但在看这个方法调用的示例代码之前,让么我看看 priority 的枚举值,它首先作为 .priority() 方法的参数的。
**了解 Priority (优先级)枚举**
这个枚举给了四个不同的选项,下面是按照递增priority(优先级)的列表:
* `Priority.LOW`
* `Priority.NORMAL`
* `Priority.HIGH`
* `Priority.IMMEDIATE`
在我们开始例子前,你应该知道的是:优先级并不是完全严格遵守的。Glide 将会用他们作为一个准则,并尽可能的处理这些请求,但是它不能保证所有的图片都会按照所要求的顺序加载。
然而,如果你有的使用场景是确定一些图片是重要的,充分利用它!
**使用实例:英雄元素和子图像**
让我们开始回到开始时的例子吧。你正在实现一个信息详情页面,有一个英雄图片在顶部,和较小的图片在底部。对于最好的用户体验来说,英雄图片首先需要被加载。因此,我们用 `Priority.HIGH` 来处理它。理论上说,这应该够了,但是为了让这个实例增加点趣味,我们也将底层图像分配给低优先级,用 `.priority(Priority.LOW)` 调用:
~~~
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 );
}
~~~
如果你运行这个实例,你会看到,在几乎所有的情况下,英雄图片将会首先显示出来。尽管是更大的图像(因为需要更多的处理时间)。
**Outlook**
Glide 给了你非常方便的选项去定图像优先级。它是快速又简单的方式增加了些许的用户体验。整理你的 app 和代码看看是否你有需要去应用刚才学到的技术!
请求优先级是非常有用的,但是不总是完全解决问题。假设你必须下载一个非常大的图像,它可能需要一段时间来下载和处理它,不管你设置了怎样的优先级。下周,为了进一步提高用户体验,我们会去看看另外一个 Glide 工具箱:缩略图!
- 前言
- 一开始
- 二加载进阶
- 三ListAdapter(ListView, GridView)
- 四占位符 和 渐现动画
- 五图片重设大小 和 缩放
- 六显示 Gif 和 Video
- 七缓存基础
- 八请求优先级
- 九缩略图
- 十回调:SimpleTarget 和 ViewTarget 用于自定义视图类
- 十一加载图片到通知栏和应用小部件中
- 十二异常:调试和错误处理
- 十三自定义转换
- 十四用 animate() 自定义动画
- 十五集成网络栈
- 十六用 Module 自定义
- 十七Module 实例:接受自签名证书的 HTTPS
- 十八Module 实例:自定义缓存
- 十九Module 实例:用自定义尺寸优化加载的图片
- 二十动态使用 Model Loader
- 二十一如何旋转图像
- 二十二系列综述