『Android开源控件』Glide图片加载库

2,119 阅读3分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

👨‍🎓作者简介:一位喜欢写作,计科专业的大二菜鸟

🏡个人主页:starry陆离

🕒首发日期:2022年6月19日星期日

🌌上期文章:『Android基础入门』Fragment的定义与基本使用

📚订阅专栏:『Android基础入门』 如果文章有帮到你的话记得点赞👍+收藏💗支持一下哦


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

1.简介

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

1.1API

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

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

1.2性能

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

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

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

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

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

2.使用

2.1Android 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

2.2通过Gradle使用

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

image-20220425193227206

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

2.3设置Internet访问权限

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

image-20220425193909708

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

3.加载网络图片

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

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

image-20220425195611282

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

 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中的关键代码

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

image-20220425195323767

image-20220425200524772

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

image-20220425200904325

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