Glide图片框架使用详细介绍（一）

最新推荐文章于 2024-05-11 01:35:16 发布

2401_84408814

最新推荐文章于 2024-05-11 01:35:16 发布

阅读量862

点赞数 14

分类专栏：程序员文章标签： glide nginx 运维

本文链接：https://blog.csdn.net/2401_84408814/article/details/138427702

版权

程序员专栏收录该内容

307 篇文章 0 订阅

订阅专栏

首先，添加依赖

dependencies {

compile ‘com.github.bumptech.glide:glide:3.7.0’

}

基本使用是：

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

2、with()

this可以是

Context

Activity

Fragment

FragmentActivity

ApplicationContext

Context、Activity、Fragment、FragmentActivity在glide经过方法都是向activity中添加一个fragment，因为glide无法直接获取到activity，添加一个与activity绑定的fragment，可以保证glide随着activity的生命周期变化而停止暂时取消加载请求。

3、load（）

load是核心的请求方法，

load(url)可以加载本地，网络资源

// 加载本地图片

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);

4、加载占位图和异常占位图

加载需要过程，因此用一个占位图能大大改善用户体验，同样当因为网络等原因加载不出来，用一个异常占位图也很重要。

Glide.with(this)

.load(url)

.placeholder(R.drawable.loading)

.error(R.drawable.error)

.into(imageView);

5、设置是否加载动图

asBitmap()只加载静止图片

.asGif()只加载动态图片

设置成asBitmap的时候你去加载gif图片，那么只会显示静态图片，

设置成.asGif的时候你去加载静态图片会显示错误图片，报错。

Glide.with(this)

.load(url)

.asBitmap()

.placeholder(R.drawable.loading)

.error(R.drawable.error)

.diskCacheStrategy(DiskCacheStrategy.NONE)

.into(imageView);

6、Glide 使用加载动画和禁止动画

glide默认有淡入淡出动画.crossFade()也不必加上。

Glide

.with(context)

.load(UsageExampleListViewAdapter.eatFoodyImages[0])

.placeholder(R.mipmap.ic_launcher)

.error(R.mipmap.future_studio_launcher)

.crossFade()

.into(imageViewFade);

但其中crossFade()方法还有另外重载方法 .crossFade(int duration)，如果你想要去减慢（或加快）动画，随时可以传一个毫秒的时间给这个方法。动画默认的持续时间是 300毫秒。

当然你也可以选择不要这个动画。

加上.dontAnimate() 禁止动画

Glide

.with(context)

.load(UsageExampleListViewAdapter.eatFoodyImages[0])

.placeholder(R.mipmap.ic_launcher)

.error(R.mipmap.future_studio_launcher)

.dontAnimate()

.into(imageViewFade);

7、设置图片大小；

Picasso是加载了全尺寸的图片到内存，然后让GPU来实时重绘大小。而Glide加载的大小和ImageView的大小是一致的，自动适配大小，因此更小。

但你也可以为glide图片设置大小：

.override(300, 200); //设置尺寸大小

8、图片请求的优先级

通常，你会遇到这样的使用场景：你的 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 )