Skip to content

Glide图片加载库

注意:不是教程只是笔记,如有错误欢迎批评指正

简介

Glide是一个快速高效的Android图片加载库,注重于平滑的滚动。Glide提供了易用的API,高性能、可扩展的图片解码管道(decode pipeline),以及自动的资源池技术。

API

Glide 使用简明的流式语法API,这是一个非常棒的设计,因为它允许你在大部分情况下一行代码搞定需求:

java
Glide.with(fragment)
    .load(url)
    .into(imageView);

性能

Glide 充分考虑了Android图片加载性能的两个关键方面:

  • 图片解码速度
  • 解码图片带来的资源压力

为了让用户拥有良好的App使用体验,图片不仅要快速加载,而且还不能因为过多的主线程I/O或频繁的垃圾回收导致页面的闪烁和抖动现象。

Glide使用了多个步骤来确保在Android上加载图片尽可能的快速和平滑:

  • 自动、智能地下采样(downsampling)和缓存(caching),以最小化存储开销和解码次数;
  • 积极的资源重用,例如字节数组和Bitmap,以最小化昂贵的垃圾回收和堆碎片影响;
  • 深度的生命周期集成,以确保仅优先处理活跃的Fragment和Activity的请求,并有利于应用在必要时释放资源以避免在后台时被杀掉。

使用

Android SDK 要求

Min Sdk Version - 使用 Glide 需要 min SDK 版本 API 14 (Ice Cream Sandwich) 或更高。

Compile Sdk Version - Glide 必须使用 API 27 (Oreo MR1) 或更高版本的 SDK 来编译。

Support Library Version - Glide 使用的支持库版本为 27

通过Gradle使用

在新建的module下(这里我的module取名为glide)的build.gradle下引入如下依赖,然后点击sync now

java
	//引入第三方库glide
    implementation 'com.github.bumptech.glide:glide:4.13.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.13.0'

设置Internet访问权限

如果你计划从 URL 或一个网络连接中加载数据,你需要添加 INTERNET 权限到你的 AndroidManifest.xml 中:

java
 <!-- 添加网络请求的权限 -->
    <uses-permission android:name="android.permission.INTERNET" />

加载网络图片

glide的功能很强大,这里展示它的用法之一,加载网络图片到xml中,不同于传统的在xml文件里设置ImageView的图片只能用在drawable里的图片文件,使用glide可以直接通过图片的URL来将网络上的图片加载到本地,使用起来很方便快捷

首先在activity的xml文件里拖动设置一个ImageView组件

然后在Activity文件里通过findViewById()获取到这个组件,通过如下方法就可以将一个网络图片加载到本地

java
Glide.with(this)
    .load("https://profile.csdnimg.cn/5/2/B/1_weixin_53463734")
    .apply(RequestOptions.bitmapTransform(new CircleCrop()))
    .into(imageView);

load()方法当中传入就是这个网络图片的URL,注意是字符串的形式

apply()表示设置图片是圆形的

into()就是将这个图片设置到刚刚从xml文件里获取到的imageView组件上

Activity中的关键代码

java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView=findViewById(R.id.imageView);
        Glide.with(this)
                .load("https://profile.csdnimg.cn/5/2/B/1_weixin_53463734")
                .apply(RequestOptions.bitmapTransform(new CircleCrop()))
                .into(imageView);

    }
}

浅浅的修改一下参数还可以设置图片的圆角的幅度

glide肯定不止这些功能啦,笔者水平有限,以后慢慢学,慢慢更