前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >深入理解Glide(1)——Glide的使用

深入理解Glide(1)——Glide的使用

作者头像
老马的编程之旅
发布2022-06-22 13:06:19
7010
发布2022-06-22 13:06:19
举报
文章被收录于专栏:深入理解Android

在Android开发过程中,我们常常需要涉及大量的图片加载,图片加载框架设计,是Android高级开发工程师必备的技能,本节将通过分析Glide图片加载框架,来学习如何设计一个图片加载框架。

注意:本节所使用的Glide版本为4.8.0。

Gilde是Android开发最常用的图片加载框架之一,使用非常方便,我们首先来学习一下这个框架的使用方法。

引入Glide

在项目中引入Glide方式十分方便,首先在在project层级下的build.gradle添加如下内容:

代码语言:javascript
复制
repositories {
  mavenCentral()
  google()
}

其次在app层级下的build.gradle添加如下内容:

代码语言:javascript
复制
dependencies {
    implementation 'com.github.bumptech.glide:glide:4.8.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'
}

同时需要添加如下混淆配置

代码语言:javascript
复制
-keep public class * implements com.bumptech.glide.module.GlideModule
-keep public class * extends com.bumptech.glide.module.AppGlideModule
-keep public enum com.bumptech.glide.load.ImageHeaderParser$** {
  **[] $VALUES;
  public *;
}

# for DexGuard only
-keepresourcexmlelements manifest/application/meta-data@value=GlideModule

最后需要添加访问网络权限

代码语言:javascript
复制
<uses-permission android:name="android.permission.INTERNET" />

基本使用

我们通过一个demo来展示Glide的使用方法,首先创建一个Android工程,在布局中添加一个ImageView,用于展示图片。

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="250dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

图片加载 最简单的图片加载代码如下:

代码语言:javascript
复制
Glide.with(context).load(url).into(imageView);

涉及的函数说明: 1.with:重载方法,可传入context,Activity,Fragment等 2.load:重载方法,可传入图片地址的Uri,本地资源id等 3.into:参数为一个ImageView或Taget对象

占位图设置 为了给用户更好的体验,在图片还未加载出来时候,我们一般会设置一张占位图,等图片加载完成后进行替换,Glide也提供了这个功能。

代码语言:javascript
复制
  //设置占位图
        RequestOptions options = new RequestOptions().placeholder(R.drawable.ic_launcher_background).error(R.drawable.ic_launcher_foreground);
        Glide.with(this).load(url).apply(options).into(imageView);

placeholder为设置图片加载前占位图,error为设置加载出错后占位图。 注意:参数只能资源id或者Drawable类型。

指定图片大小 Glide默认会根据ImageView的大小决定图片的大小,保证图片不会导致OOM,但我们还可以在加载时候就指定图片大小

代码语言:javascript
复制
 RequestOptions options = new RequestOptions().override(200,200);
 Glide.with(this).load(url).apply(options).into(imageView);

如果想加载一张原始尺寸,可以使用Target.SIZE_ORIGINAL关键字

代码语言:javascript
复制
   RequestOptions options = new RequestOptions().override(Target.SIZE_ORIGINAL);
   Glide.with(this).load(url).apply(options).into(imageView);

注意:当我们使用override制定图片大小后,最终展示在imageview的效果,是与imageview的scanType叠加的效果。

显示GIF Glide的强大之处在于除了加载图片之外,还可以加载GIF

代码语言:javascript
复制
 Glide.with(this).asGif().load(url).into(imageView);

如上代码即可展示GIF图,如果图片不是GIF格式则会按error处理

设置缓存 Glide缓存的设计是三级缓存,两级内存缓存和一级硬盘缓存,默认情况下开启了内存缓存和硬盘缓存,如果需要将内存缓存禁掉,可以使用如下代码:

代码语言:javascript
复制
 RequestOptions options = new RequestOptions().skipMemoryCache(true);
        Glide.with(this).load(url).apply(options).into(imageView);

禁掉硬盘缓存,可以使用如下代码:

代码语言:javascript
复制
   RequestOptions options = new RequestOptions().diskCacheStrategy(DiskCacheStrategy.NONE);
        Glide.with(this).load(url).apply(options).into(imageView);

对于硬盘缓存,有以下几种策略:

DiskCacheStrategy.NONE:表示不缓存 DiskCacheStrategy.DATA:只缓存原始图片 DiskCacheStrategy.RESOURCE:只缓存转换后的图片 DiskCacheStrategy.ALL:既缓存原始图片,也缓存转换后的图片 DiskCacheStrategy.AUTOMATIC:Glide根据图片资源自动的选择哪一种缓存策略(默认)

回调和监听 有时候我们需要监听图片加载的状态,Glide也提供了回调,使用方法如下:

代码语言:javascript
复制
 RequestListener requestListener =new RequestListener() {
            @Override
            public boolean onLoadFailed(@Nullable GlideException e, Object model, Target target, boolean isFirstResource) {
                return false;
            }

            @Override
            public boolean onResourceReady(Object resource, Object model, Target target, DataSource dataSource, boolean isFirstResource) {
                return false;
            }
        };
        Glide.with(this).load(url).apply(options).addListener(requestListener).into(imageView);

返回值false表示这个事件不会被处理,交给Glide进行处理,比如我们在onResourceReady方法中返回了true,那么就会不会回调到Glide的Target中的onResourceReady()方法了。

图片转换 我们可以在Glide将图片加载到ImageView显示之前进行一些操作,比如实现圆角化、圆形化、模糊化等等,Glide内置了一些转换的API

代码语言:javascript
复制
RequestOptions options = new RequestOptions()
        .centerCrop();
 
RequestOptions options = new RequestOptions()
        .fitCenter();
 
RequestOptions options = new RequestOptions()
        .circleCrop();

更多的效果需要开发者自己实现,也可以使用第三方库,github上的开源库glide-transformations,实现了如裁剪变化、颜色变化、模糊变换等效果。

Glide还有很多使用方式,感兴趣的读者可以在github上去了解。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 引入Glide
  • 基本使用
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档